*:focus {
   outline: 0;
   box-shadow: none;
   border-color: #ffffff;
}


/* ....................................
1.1 Reset CSS 
.......................................*/


    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
html,
body {
   height: 100%;
   font-size: 15px;
   color: #212d31;
   font-family: "Poppins", sans-serif;
   vertical-align: baseline;
   line-height: 26px;
   font-weight: 400;
}

.floatleft {
   float: left;
}

.floatright {
   float: right;
}

ul, ol{
   padding-left: 15px;
}
.alignleft {
   float: left;
   margin-right: 15px;
   margin-bottom: 26px;
}

.alignright {
   float: right;
   margin-left: 15px;
   margin-bottom: 26px;
}

.aligncenter {
   display: block;
   margin: 0 auto 26px;
}

a:focus {
   outline: 0px solid;
}

img {
   max-width: 100%;
   height: auto;
}

.fix {
   overflow: hidden;
}

p {
   margin: 0 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0 0 26px;
   font-weight: 600;
   font-family: "Poppins", sans-serif;
}

a {
   transition: all 300ms;
   text-decoration: none;
   color: #ff9311 
}

a:hover {
   color: #ff9311;
   text-decoration: none;
}

a:active,
a:hover {
   outline: 0 none;
   color: #000;
}

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

.clear {
   clear: both;
}

::-moz-selection {
   background: #ff9311;
   text-shadow: none;
   color: #fff;
}

::selection {
   background: #ff9311;
   text-shadow: none;
   color: #fff;

}

.browserupgrade {
   margin: 26px 0;
   background: #ff9311;
   color: #333333;
   padding: 26px 0;
}

.acurate {
   margin: 0;
   padding: 0;
}

.section {
   padding: 70px 0;
}

.p-0 {
   padding: 0 !important;
}

.pb-0 {
   padding-bottom: 0 !important;
}

.pt-0 {
   padding-top: 0 !important;
}

.m-0 {
   margin: 0 !important;
}

.mb-0 {
   margin-bottom: 0 !important;
}

.mt-0 {
   margin-top: 0 !important;
}

.mt-30 {
   margin-top: 30px;
}

.mb-30 {
   margin-bottom: 30px;
}

.mt-50 {
   margin-top: 50px;
}

.mt-12 {
   margin-top: -12px;
}


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

.section-title {
   width: 65%;
   margin: 0 auto;
   margin-bottom: 43px;
}

.section-title h2 {
   font-size: 32px;
   color: #212d31;
   line-height: 48px;
   font-weight: 600;
   text-transform: capitalize;
   margin-bottom: 10px;
}

.section-title p {
   font-size: 15px;
   color: #212d31;
   line-height: 26px;
   font-weight: 400;
   margin-bottom: 0;
}


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

#scrollUp {
   background: #ff9311;
   bottom: 20px;
   color: #ffffff;
   font-size: 20px;
   display: block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   position: fixed;
   right: 20px;
   text-align: center;
   text-decoration: none;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   z-index: 1000;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
}

#scrollUp:hover {
   background: #000;
}


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

#gmap {
   height: 550px;
   position: relative;
   overflow: hidden;
}


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

.header-area.stick {
   position: fixed;
   padding: 5px 0px;
   top: 0px;
   left: 0;
   right: 0;
   width: 100%;
   -webkit-transition: all 0.8s;
   -o-transition: all 0.8s;
   transition: all 0.8s;
   -webkit-transform: scaleY(1);
   -o-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
}


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

.header-area {
   z-index: 9;
   margin: auto;
   background: #ffffff;
   -webkit-transition: all 0.8s;
   -o-transition: all 0.8s;
   transition: all 0.8s;
   z-index: 99;
   -webkit-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
   -o-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
   -moz-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
   -ms-box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
   box-shadow: 0px 0px 40px rgba(180, 180, 180, 0.25);
}

.header-area .logo-area a {
   display: inline-block;
   margin-top: 8px
}

.header-area .logo-area a img {
   margin-bottom: 0;
   padding-top: 6px;
}

.header-area .menu-area {
   text-align: right;
}

.header-area .menu-area .main-menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.header-area .menu-area .main-menu ul li {
   display: inline-block;
}

.header-area .menu-area .main-menu ul li.current a {
   color: #ff9311;
}

.header-area .menu-area .main-menu ul li:hover a {
   color: #ff9311;
}

.header-area .menu-area .main-menu ul li a {
   display: block;
   font-size: 16px;
   color: #333;
   font-weight: 600;
   text-transform: uppercase;
   padding: 50px 8px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.header-area .menu-area .main-menu ul li.sub {
   position: relative;
}

.header-area .menu-area .main-menu ul li.sub:hover .sub-menu {
   left: 0px;
   opacity: 1;
   visibility: visible;
}

.header-area .menu-area .main-menu ul li.sub .sub-menu {
   position: absolute;
   content: " ";
   width:300px;
   left: 100%;
   top: 100%;
   background: #ededed;
   text-align: left;
   z-index: 99;
   padding: 10px 0;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
   -webkit-box-shadow: 0 2px 5px #ddd;
   -o-box-shadow: 0 2px 5px #ddd;
   box-shadow: 0 2px 5px #ddd;
   opacity: 0;
   visibility: hidden;
}

.header-area .menu-area .main-menu ul li.sub .sub-menu li {
   display: block;
}

.header-area .menu-area .main-menu ul li.sub .sub-menu li:last-child a {
   border-bottom: none;
}

.header-area .menu-area .main-menu ul li.sub .sub-menu li a {
   padding: 0;
   text-transform: capitalize;
   padding: 5px 20px;
   border-bottom: 1px solid #ddd;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #000000;
}

.header-area .menu-area .main-menu ul li.sub .sub-menu li:hover a {
   color: #ff9311;
   padding-left: 25px;
}

.header-area .support-area {
   margin:38px 0px;
}

.support-area a{
  padding: 12px 15px;
}

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

.footer-area .footer-top {
   background: #000;
   padding-bottom: 90px;
}

.footer-area .footer-top .single-widget .footer-log {
   margin-bottom: 24px;
}

.footer-area .footer-top .single-widget .widget-title h3 {
   font-size: 20px;
   color: #ffffff;
   font-weight: 600;
   text-transform: uppercase;
}

.footer-area .footer-top .single-widget .widget-content p {
   font-size: 15px;
   font-weight: 400;
   color: #c6c6c6;
   line-height: 26px;
   margin-bottom: 13px;
}

.footer-area .footer-top .single-widget .widget-content .contact-info p {
   font-size: 15px;
   color: #c6c6c6;
   line-height: 26px;
   margin-bottom: 3px;
}

.footer-area .footer-top .single-widget .widget-content .contact-info p span {
   color: #ffffff;
   font-weight: 600;
}

.footer-area .footer-top .single-widget .widget-content ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.footer-area .footer-top .single-widget .widget-content ul li {
   display: block;
   margin-bottom: 5px;
}

.footer-area .footer-top .single-widget .widget-content ul li a {
   display: block;
   font-size: 15px;
   color: #c6c6c6;
   text-transform: capitalize;
   font-weight: 400;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.footer-area .footer-top .single-widget .widget-content ul li a:hover {
   color: #ffffff;
   padding-left: 5px;
}

.footer-area .footer-bottom {
   padding: 15px 0px;
   background: #ff9311;
}

.footer-area .footer-bottom .copyright-area p {
   margin-bottom: 0px;
   font-size: 15px;
   color: #ffffff;
   font-weight: 400;
}

.footer-area .footer-bottom .copyright-area p a {
   color: #ffffff;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.footer-area .footer-bottom .copyright-area p a:hover {
   color: #222222;
}

.footer-area .footer-bottom .footer-socialmedia {
   margin: 0;
   padding: 0;
   text-align: right;
}

.footer-area .footer-bottom .footer-socialmedia li {
   list-style: none;
   display: inline-block;
   margin-left: 10px;
}

.footer-area .footer-bottom .footer-socialmedia li a {
   display: block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: Center;
   border: 1px solid #fff;
   color: #fff;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   font-size: 16px;
}

.footer-area .footer-bottom .footer-socialmedia li a:hover {
   background: #ffffff;
   color: #ff9311;
   border-color: #ffffff;
}


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

.btn-primary {
   background: #ff9311;
   border: 0 none;
   color: #ffffff;
   display: inline-block;
   font-size: 15px;
   font-weight: 600;
   padding: 12px 30px;
   text-transform: uppercase;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   border-radius: 50px;
   text-decoration: none;
}

.btn-primary:hover {
   background: #000;
}
.btn-primary:focus, .btn-primary.focus{
   background-color: #000000 !important;
}
.btn_one {
   display: inline-block;
   border: 2px solid #ff9311;
   font-size: 15px;
   color: #ffffff;
   text-transform: uppercase;
   padding: 7px 30px;
   font-weight: 600;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   position: relative;
   overflow: hidden;
   -webkit-transition: border-color 0.3s, color 0.3s;
   -o-transition: border-color 0.3s, color 0.3s;
   transition: border-color 0.3s, color 0.3s;
   -o-transition-timing-function: ease, ease;
   transition-timing-function: ease, ease;
   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
   -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
   z-index: 1;
   background: #ff9311 !important;
   text-align: center;
}

.btn_one:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 150%;
   height: 100%;
   background: #000;
   z-index: -1;
   -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
   transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
   -webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
   -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
   transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
   -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
   transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
   transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}

.btn_one:hover {
   color: #ffffff;
   border-color: #000;
}

.btn_one:hover:before {
   opacity: 1;
   background-color: #000;
   -webkit-transform: rotate3d(0, 0, 1, 0deg);
   transform: rotate3d(0, 0, 1, 0deg);
   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
   -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}


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

.banner-area.home-one {
   position: relative;
   border-bottom: 1px solid #dfdfdf;
}

.banner-area.home-one .banner-content {
   padding-top: 25px;
}

.banner-area.home-one .scroll-section {
   position: absolute;
   text-align: center;
   left: 0;
   right: 0;
   bottom: -22px;
}

.banner-area.home-one .scroll-section a {
   display: inline-block;
   width: 45px;
   height: 45px;
   line-height: 45px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #dfdfdf;
   background: #ffffff;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.banner-area.home-one .scroll-section a:hover {
   background: #ff9311;
}

.banner-area.home-one .scroll-section a:hover span:before {
   color: #ffffff;
}

.banner-area.home-one .scroll-section a span:before {
   margin-left: 0px;
   color: #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.banner-area .banner-content {
   width: 80%;
}

.banner-area .banner-content .banner-text h1 {
   font-size: 40px;
   font-weight: 600;
   color: #212d31;
   line-height: 50px;
   text-transform: uppercase;
   margin-bottom: 22px;
}

.banner-area .banner-content p {
   font-size: 15px;
   line-height: 26px;
   color: #212d31;
   margin-bottom: 33px;
}


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

.services-area {
   padding-top: 70px;
}

.services-area .service-list .single-service {
   padding: 70px 30px 40px 30px;
   border: 1px solid #dfdfdf;
   box-sizing: border-box;
   margin-top: 30px;
}

.services-area .service-list .single-service .service-icon {
   margin-bottom: 25px;
}

.services-area .service-list .single-service .service-icon span:before {
   margin-left: 0;
   font-size: 70px;
   color: #ff9311;
}

.services-area .service-list .single-service .service-title h3 {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 20px;
}

.services-area .service-list .single-service .service-title h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   display: block;
}

.services-area .service-list .single-service .service-title h3 a:hover {
   color: #ff9311;
}

.services-area .service-list .single-service .service-content p {
   margin-bottom: 0px;
   font-size: 15px;
   color: #212d31;
   line-height: 26px;
}


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

.aboutus-area {
   background: #f4f6f7;
}

.aboutus-area .section-title h2 {
   line-height: 45px;
}

.aboutus-area .about-img {
   position: relative;
}

.aboutus-area .about-img img {
   width: 100%;
}

.aboutus-area .about-img .about-video {
   position: absolute;
   content: '';
   right: 88%;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 265px;
   height: 225px;
   background: #ff9311;
   text-align: center;
   padding: 25px 50px 30px 50px;
}

.aboutus-area .about-img .about-video h3 {
   font-size: 20px;
   line-height: 30px;
   color: #fffefe;
   font-weight: 600;
   margin-bottom: 20px;
}

.aboutus-area .about-img .about-video .play-btn {
   margin-bottom: 18px;
}

.aboutus-area .about-img .about-video .play-btn a {
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 40px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 5px solid #e3e3e3;
   background: #ffffff;
   text-align: center;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.aboutus-area .about-img .about-video .play-btn a:hover {
   background: #ff9311;
}

.aboutus-area .about-img .about-video .play-btn a:hover i {
   color: #ffffff;
}

.aboutus-area .about-img .about-video .play-btn a i {
   color: #ff9311;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.aboutus-area .about-img .about-video p {
   font-size: 15px;
   line-height: 30px;
   color: #fffefe;
   text-transform: capitalize;
   margin-bottom: 0px;
}


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

.portfolio-area .portfolio {
   overflow: hidden;
   width: 100%;
}

.portfolio-area .portfolio .filtering-button {
   display: block;
   margin-bottom: 0px;
   height: 45px;
}

.portfolio-area .portfolio .filtering-button a {
   display: inline-block;
   cursor: pointer;
   padding: 8px 30px;
   color: #ff9311;
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 600;
   border: 1px solid #ff9311;
   margin: 0 13px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
}

.portfolio-area .portfolio .filtering-button a:hover {
   background: #ff9311;
   color: #ffffff;
}

.portfolio-area .portfolio .filtering-button a.active {
   color: #ffffff;
   background: #ff9311;
}

.portfolio-area .portfolio .single-portfolio {
   margin-top: 30px;
}

.portfolio-area .portfolio .single-portfolio:hover .images img {
   transform: scale(1.2);
}

.portfolio-area .portfolio .single-portfolio .images {
   position: relative;
   overflow: hidden;
}

.portfolio-area .portfolio .single-portfolio .images:hover .overley {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   top: 68%;
}

.portfolio-area .portfolio .single-portfolio .images img {
   width: 100%;
   -webkit-transition: all 0.7s;
   -o-transition: all 0.7s;
   transition: all 0.7s;
}

.portfolio-area .portfolio .single-portfolio .images .overley {
   position: absolute;
   right: 0;
   top: 100%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   transform: scale(0);
}


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

.counter-area {
   background: #f4f6f7;
}

.counter-area .single-counter {
   margin-top: 10px;
}

.counter-area .single-counter .icon span {
   margin-bottom: 25px;
   display: block;
}

.counter-area .single-counter .icon span:before {
   margin-left: 0;
   font-size: 48px;
   color: #ff9311;
}

.counter-area .single-counter .counter {
   margin-bottom: 12px;
   font-size: 20px;
   font-weight: 600;
   color: #212d31;
}

.counter-area .single-counter .title p {
   color: #212d31;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 15px;
   font-weight: 500;
   margin-bottom: 0px;
}


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

.price-area .single-price {
   border: 1px solid #ddd;
   position: relative;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   margin-bottom: 20px;
}

.price-area .single-price:hover {
   -webkit-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -o-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -moz-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -ms-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
}

.price-area .single-price:hover .price-info .price-icon span {
   background: #ddd;
}

.price-area .single-price:hover .price-info .price-icon span:before {
   color: #ffffff;
}

.price-area .single-price .price-title {
   padding-top: 45px;
   padding-bottom: 33px;
}

.price-area .single-price .price-title h3 {
   text-transform: uppercase;
}

.price-area .single-price .price-icon {
   color: #000000;
}

.price-area .single-price .price-info {
   padding-top: 60px;
   padding-bottom: 10px;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   position: relative;
}

.price-area .single-price .price-info .price-icon {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   top: -35px;
   text-align: center;
}

.price-area .single-price .price-info .price-icon span {
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   background: #ffffff;
   border: 1px solid #ddd;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.price-area .single-price .price-info .price-icon span:before {
   margin-left: 0;
   color: #ddd;
   font-size: 30px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.price-area .single-price .price-info ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.price-area .single-price .price-info ul li {
   display: block;
   font-size: 15px;
   font-weight: 400;
   line-height: 26px;
   color: #212d31;
   text-transform: capitalize;
   margin-bottom: 10px;
   cursor: pointer;
}

.price-area .single-price .priching-area {
   padding-top: 25px;
   padding-bottom: 50px;
}

.price-area .single-price .priching-area h3 {
   margin-bottom: 0px;
   font-size: 20px;
   font-weight: 600;
   color: #212d31;
}

.price-area .single-price .priching-area h3 span {
   font-weight: 400;
   font-size: 15px;
}

.price-area .single-price .price-btn {
   position: absolute;
   bottom: -30px;
   left: 0;
   right: 0;
}

.price-area .single-price .price-btn .btn_one {
   color: #ff9311;
   background: #ffffff;
}

.price-area .single-price .price-btn .btn_one:hover {
   color: #ffffff;
}


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

.testimonial-area {
   background: #000;
   overflow: hidden;
}

.testimonial-area .testimonial-left h2 {
   font-size: 32px;
   color: #fff;
   line-height: 48px;
   font-weight: 600;
   text-transform: capitalize;
   margin-bottom: 20px;
}

.testimonial-area .testimonial-left p {
   font-size: 15px;
   line-height: 26px;
   color: #fff;
   margin-bottom: 0px;
}

.testimonial-area .testimonial-slide {
   position: relative;
}

.testimonial-area .testimonial-slide .single-tstimonial {
   padding: 25px 30px;
   border: 1px solid #dfdfdf;
   margin: 0px 15px;
}

.testimonial-area .testimonial-slide .single-tstimonial .testimonail-content p {
   font-size: 15px;
   line-height: 26px;
   color: #fff;
}

.testimonial-area .testimonial-slide .single-tstimonial .clint-info .media .media-left {
   float: left;
   margin-right: 10px;
}

.testimonial-area .testimonial-slide .single-tstimonial .clint-info .media .media-left a img {
   width: 60px;
   height: 60px;
   line-height: 60px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
}

.testimonial-area .testimonial-slide .single-tstimonial .clint-info .media .media-body .media-heading {
   font-size: 15px;
   margin-top: 5px;
   text-transform: uppercase;
}

.testimonial-area .testimonial-slide .single-tstimonial .clint-info .media .media-body .media-heading  {
   color: #fff;
   display: block;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.testimonial-area .testimonial-slide .single-tstimonial .clint-info .media .media-body .media-heading a:hover {
   color: #ff9311;
}

.testimonial-area .testimonial-slide .single-tstimonial .clint-info .media .media-body p {
   margin-bottom: 0;
   font-size: 15px;
   font-weight: 400;
   color: #fff;
}


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

.blog-area .blog-left .single-blog .blog-img {
   position: relative;
   margin-bottom: 30px;
}

.blog-area .blog-left .single-blog .blog-img a {
   display: block;
}

.blog-area .blog-left .single-blog .blog-img a img {
   width: 100%;
   height: 100%;
}
.blog-area .blog-left{
margin-bottom: 30px;
}
.blog-area .blog-left .single-blog .blog-img .blog-date {
   position: absolute;
   content: '';
   right: 20px;
   bottom: 0;
   width: 48px;
   background: #ff9311;
   text-align: Center;
   padding: 15px 10px;
}

.blog-area .blog-left .single-blog .blog-img .blog-date span {
   margin-bottom: 0px;
   display: block;
   font-size: 15px;
   color: #ffffff;
   font-weight: 600;
   text-transform: capitalize;
   line-height: 20px;
}

.blog-area .blog-left .single-blog .blog-title h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

.blog-area .blog-left .single-blog .blog-title h3 a {
   color: #000;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.blog-area .blog-left .single-blog .blog-title h3 a:hover {
   color: #ff9311;
}

.blog-area .blog-left .single-blog .blog-content {
   margin-bottom: 15px;
}

.blog-area .blog-left .single-blog .blog-content p {
   margin-bottom: 0px;
   font-size: 15px;
   color: #000;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}

.blog-area .blog-left .single-blog .blog-btn a {
   display: inline-block;
   position: relative;
   padding-right: 25px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #000;
}

.blog-area .blog-left .single-blog .blog-btn a:hover {
   color: #ff9311;
}

.blog-area .blog-left .single-blog .blog-btn a:hover span {
   right: 0;
}

.blog-area .blog-left .single-blog .blog-btn a span {
   position: absolute;
   content: '';
   right: 5px;
   top: 7px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.blog-area .recent-post .single-post {
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #ddd;
}

.blog-area .recent-post .single-post:last-child {
   margin-bottom: 0px;
   padding-bottom: 0;
   border-bottom: 1px solid transparent;
}

.blog-area .recent-post .single-post .media .media-left {
   float: left;
   padding-right: 20px;
}

.blog-area .recent-post .single-post .media .media-body .media-heading {
   margin-bottom: 6px;
}

.blog-area .recent-post .single-post .media .media-body .media-heading a {
   color: #212d31;
   font-size: 20px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.blog-area .recent-post .single-post .media .media-body .media-heading a:hover {
   color: #ff9311;
}

.blog-area .recent-post .single-post .media .media-body .blog-meta {
   margin-bottom: 2px;
}

.blog-area .recent-post .single-post .media .media-body .blog-meta p {
   color: #333;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   text-transform: capitalize;
}

.blog-area .recent-post .single-post .media .media-body .blog-meta p a {
   color: #999999;
   text-decoration: none;
   text-transform: capitalize;
   position: relative;
   margin-left: 23px;
   font-weight: 500;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.blog-area .recent-post .single-post .media .media-body .blog-meta p a:hover {
   color: #ff9311;
}

.blog-area .recent-post .single-post .media .media-body p {
   font-size: 15px;
   color: #212d31;
   line-height: 26px;
   font-weight: 400;
   margin-bottom: 0;
}


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

.partner-area {
   background: #f4f6f7;
}

.partner-area .slide-partner-log .single-partner img {
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.partner-area .slide-partner-log .single-partner:hover img {
   opacity: .6;
}


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


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

.slider-area {
   overflow: hidden;
   width: 100%;
   height: auto;
}


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

.servicetwo-area .single-service {
   border: 1px solid #dfdfdf;
   padding: 65px 15px 45px 15px;
}

.servicetwo-area .single-service .service-icon span {
   display: block;
   margin-bottom: 25px;
}

.servicetwo-area .single-service .service-icon span:before {
   margin-left: 0px;
   color: #ff9311;
   font-size: 60px;
}

.servicetwo-area .single-service .service-title h3 {
   font-size: 20px;
   color: #212d31;
   font-weight: 600;
   text-transform: uppercase;
   position: relative;
   padding-bottom: 30px;
}

.servicetwo-area .single-service .service-title h3:after {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   bottom: 0;
   text-align: center;
   width: 30px;
   height: 3px;
   background: #ff9311;
   margin: 0 auto;
}

.servicetwo-area .single-service .service-content p {
   margin-bottom: 0px;
}


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

.aboutus-two-area {
   background: url(../images/about/home2-bg.jpg) no-repeat;
   background-size:cover;
   background-position: center center;
}

.aboutus-two-area .about-content {
   position: relative;
}

.aboutus-two-area .about-content .about-info {
   padding-left: 30px;
}

.aboutus-two-area .about-content .about-info h2 {
   font-size: 32px;
   line-height: 45px;
   font-weight: 600;
   text-transform: capitalize;
   margin-bottom: 20px;
   margin-top: -10px;
}

.aboutus-two-area .about-content .about-info p {
   margin-bottom: 0;
}

.aboutus-two-area .about-content .about-video {
   position: absolute;
   content: '';
   right: 100%;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 265px;
   height: 225px;
   background: #5675a6;
   text-align: center;
   padding: 25px 50px 30px 50px;
}

.aboutus-two-area .about-content .about-video h3 {
   font-size: 20px;
   line-height: 30px;
   color: #fffefe;
   font-weight: 600;
   margin-bottom: 20px;
}

.aboutus-two-area .about-content .about-video .play-btn {
   margin-bottom: 18px;
}

.aboutus-two-area .about-content .about-video .play-btn a {
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 40px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 5px solid #e3e3e3;
   background: #ffffff;
   text-align: center;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.aboutus-two-area .about-content .about-video .play-btn a:hover {
   background: #5675a6;
}

.aboutus-two-area .about-content .about-video .play-btn a:hover i {
   color: #ffffff;
}

.aboutus-two-area .about-content .about-video .play-btn a i {
   color: #5675a6;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.aboutus-two-area .about-content .about-video p {
   font-size: 15px;
   line-height: 30px;
   color: #fffefe;
   text-transform: capitalize;
   margin-bottom: 0px;
}


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

.main-service-area {
   overflow: hidden;
   background:#f5f5f5;
}

.main-service-area .mainservice-slide {
   position: relative;
}

.main-service-area .mainservice-slide .single-service {
   border: 1px solid #dfdfdf;
   background:#fff;
   padding:40px 20px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   margin: 0 15px;

}

.main-service-area .mainservice-slide .single-service:hover {  -webkit-box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.4);
   -o-box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.4);
   -moz-box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.4);
   -ms-box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.4);
   box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.4);
}

.main-service-area .mainservice-slide .single-service:hover .service-icon span {
   background: #ffffff;
}

.main-service-area .mainservice-slide .single-service .service-icon {
   margin-bottom: 25px;
}

.main-service-area .mainservice-slide .single-service .service-icon span {
   width: 60px;
   height: 60px;
   line-height: 60px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #ff9311;
   display: block;
   margin: 0 auto;
   background: rgba(255, 147, 22, 0.08);
}

.main-service-area .mainservice-slide .single-service .service-icon span:before {
   margin-left: 0px;
   font-size: 30px;
   color: #ff9311;
}

.main-service-area .mainservice-slide .single-service .service-content {
   z-index: 2;
}

.main-service-area .mainservice-slide .single-service .service-content h3 {
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.main-service-area .mainservice-slide .single-service .service-content h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.main-service-area .mainservice-slide .single-service .service-content h3 a:hover {
   color: #ff9311;
}

.main-service-area .mainservice-slide .single-service .service-content p {
   margin-bottom: 0px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}




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

.portfolio-area.home-two {
   background: #f4f6f7;
}


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

.counter-two-area {
   background: url(../images/counter/bg.jpg);
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
}

.counter-two-area .single-counter {
   margin-top: 10px;
}

.counter-two-area .single-counter .icon span {
   margin-bottom: 25px;
   display: block;
}

.counter-two-area .single-counter .icon span:before {
   margin-left: 0;
   font-size: 48px;
   color: #ffffff;
}

.counter-two-area .single-counter .counter {
   margin-bottom: 12px;
   font-size: 20px;
   font-weight: 600;
   color: #ffffff;
}

.counter-two-area .single-counter .title p {
   color: #ffffff;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 15px;
   font-weight: 500;
   margin-bottom: 0px;
}


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

.testimonial-area.home-two {
   background: #5575a7;
}


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

.team-area .single-team {
   border: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-area .single-team:hover {
   -webkit-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -o-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -moz-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -ms-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
}

.team-area .single-team .team-image img {
   width: 100%;
}

.team-area .single-team .team-info {
   padding: 28px 15px 45px 15px;
}

.team-area .single-team .team-info .team-content {
   margin-bottom: 18px;
}

.team-area .single-team .team-info .team-content h3 {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.team-area .single-team .team-info .team-content h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-area .single-team .team-info .team-content h3 a:hover {
   color: #ff9311;
}

.team-area .single-team .team-info .team-content p {
   margin-bottom: 0px;
}

.team-area .single-team .team-socaial ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.team-area .single-team .team-socaial ul li {
   display: inline-block;
   margin: 0 12px;
}

.team-area .single-team .team-socaial ul li a {
   display: block;
   font-size: 16px;
   color: #999999;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-area .single-team .team-socaial ul li a:hover {
   color: #ff9311;
}


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

.blog-area.home-two {
   background: #f4f6f7;
}


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


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

.banner-two-area {
   background: #f4f6f7;
   padding: 220px 0;
   position: relative;
}

.banner-two-area .banner-img {
   position: absolute;
   content: '';
   width: 57%;
   height: 100%;
   right: 0;
   top: 0;
}

.banner-two-area .banner-img img {
   width: 100%;
   height: 100%;
}

.banner-two-area.home-three .banner-content .banner-text h1 {
   font-size: 40px;
   font-weight: 600;
   color: #212d31;
   line-height: 50px;
   text-transform: uppercase;
   margin-bottom: 22px;
}

.banner-two-area.home-three .banner-content p {
   font-size: 15px;
   line-height: 26px;
   color: #212d31;
   margin-bottom: 33px;
}


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

.partner-area.home-three {
   overflow: hidden;
   background: #ffffff;
   border-bottom: 3px solid #f4f6f7;
}


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

.service-three-area .single-service {
   padding: 50px 15px 45px 15px;
   border: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   width: 100%;
   -o-transition: all 300ms;
   transition: all 300ms;
}
.service-three-area a{width: 100%;}
.service_boxes a .single-service .service-title h3{
  color: #fff;
}
.service_boxes a:hover .single-service .service-title h3{
  color: #f5f5f5;
}

.service-three-area .single-service:hover {
   -webkit-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -o-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -moz-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -ms-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
}

.service-three-area .single-service:hover .service-icon span {
   background: #ff9311;
}

.service-three-area .single-service:hover .service-icon span:before {
   color: #ffffff;
}

.service-three-area .single-service .service-icon {
   margin-bottom: 28px;
}

.service-three-area .single-service .service-icon span {
   width: 65px;
   height: 65px;
   line-height: 65px;
   border: 1px solid #ff9311;
   display: inline-block;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.service-three-area .single-service .service-icon span:before {
   margin-left: 0;
   font-size: 40px;
   color: #ff9311;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.service-three-area .single-service .service-title h3 {
   font-size: 19px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.service-three-area .single-service .service-title h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   font-size: 17px; 
}

.service-three-area .single-service .service-title h3 a:hover {
   color: #ff9311;
}

.service-three-area .single-service .service-content p {
   margin-bottom: 0px;
}


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

.aboutus-three-area {
   background: url(../images/about/about3-bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: Center center;
}

.aboutus-three-area .video-area {
   text-align: center;
   padding-top: 150px;
}

.aboutus-three-area .video-area .play-btn a {
   display: inline-block;
   width: 100px;
   height: 100px;
   line-height: 80px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 15px solid #e3e3e3;
   background: #ffffff;
   text-align: center;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.aboutus-three-area .video-area .play-btn a:hover {
   background: #ff9311;
}

.aboutus-three-area .video-area .play-btn a:hover i {
   color: #ffffff;
}

.aboutus-three-area .video-area .play-btn a i {
   color: #ff9311;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   font-size: 30px;
}

.aboutus-three-area .abou-title h2 {
   font-size: 32px;
   line-height: 48px;
   color: #212d31;
   margin-bottom: 38px;
}

.aboutus-three-area .about-content .panel-group {
   border: none;
   margin-bottom: 0px;
}

.aboutus-three-area .about-content .panel-group .panel {
   margin-bottom: 0;
   border-radius: 0;
   border: none;
   margin-bottom: 30px;
   -webkit-box-shadow: 0 0 15px rgba(193, 193, 193, 0.3);
   -o-box-shadow: 0 0 15px rgba(193, 193, 193, 0.3);
   -moz-box-shadow: 0 0 15px rgba(193, 193, 193, 0.3);
   -ms-box-shadow: 0 0 15px rgba(193, 193, 193, 0.3);
   box-shadow: 0 0 15px rgba(193, 193, 193, 0.3);
}

.aboutus-three-area .about-content .panel-group .panel:last-child {
   margin-bottom: 0px;
}

.aboutus-three-area .about-content .panel-group .panel .panel-heading {
   color: #212d31;
   background-color: #ffffff;
   border-color: transparent;
   padding: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border-left: 3px solid #ff9311;
   border-right: #ffffff;
   font-size: 20px;
   font-weight: 600;
   text-transform: capitalize;
}

.aboutus-three-area .about-content .panel-group .panel .panel-heading a {
   display: block;
   padding: 20px 15px;
}

.aboutus-three-area .about-content .panel-group .panel .panel-heading a:after {
   content: "";
   position: relative;
   top: 1px;
   font-style: normal;
   font-weight: 400;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   float: right;
   transition: transform .25s linear;
   -webkit-transition: -webkit-transform .25s linear;
}

.aboutus-three-area .about-content .panel-default>.panel-heading a[aria-expanded="true"] {
   background-color: #ffffff;
}

.aboutus-three-area .about-content .panel-default>.panel-heading a[aria-expanded="true"]:after {
   content: "\2212";
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   background: #ff9311;
   width: 15px;
   height: 15px;
   line-height: 15px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   text-align: center;
   color: #ffffff;
}

.aboutus-three-area .about-content .panel-default>.panel-heading a[aria-expanded="false"]:after {
   content: "\002b";
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   background: #b9b9b9;
   width: 15px;
   height: 15px;
   line-height: 15px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   text-align: center;
   color: #ffffff;
}

.aboutus-three-area .about-content .panel-default>.panel-heading+.panel-collapse>.panel-body {
   border-top-color: #ffffff;
}

.aboutus-three-area .about-content .panel-body {
   border: none;
   border-left: 3px solid #ff9311;
}

.aboutus-three-area .about-content .panel-default>.panel-body {
   border-top: none;
}


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

.portfolio-area.home-three {
   background: #ffffff;
}


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

.counter-testimonial-area.home-three {
   overflow: hidden;
}


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

.team-two-area .single-team {
   border: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-two-area .single-team:hover {
   -webkit-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -o-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -moz-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -ms-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
}

.team-two-area .single-team .team-image img {
   width: 100%;
}

.team-two-area .single-team .team-info {
   padding: 28px 15px 45px 15px;
}

.team-two-area .single-team .team-info .team-content {
   margin-bottom: 18px;
}

.team-two-area .single-team .team-info .team-content h3 {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.team-two-area .single-team .team-info .team-content h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-two-area .single-team .team-info .team-content h3 a:hover {
   color: #ff9311;
}

.team-two-area .single-team .team-info .team-content p {
   margin-bottom: 0px;
}

.team-two-area .single-team .team-socaial ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.team-two-area .single-team .team-socaial ul li {
   display: inline-block;
   margin: 0 12px;
}

.team-two-area .single-team .team-socaial ul li a {
   display: block;
   font-size: 16px;
   color: #999999;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-two-area .single-team .team-socaial ul li a:hover {
   color: #ff9311;
}


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

.blog-area.home-three {
   background: #f4f6f7;
}


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

.breadcrumb-area {
   padding:  100px 0 50px ;
   background-repeat: no-repeat !important;
   background-position: center center !important;
   background-size: cover !important;
   background-attachment: fixed;
}

.breadcrumb-area .breadcrumb-title h2 {
   font-size: 40px;
   line-height: 45px;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 15px;
}

.breadcrumb-area .breadcrumb-menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.breadcrumb-area .breadcrumb-menu ul li {
   display: inline-block;
   font-size: 15px;
   color: #ff9311;
   font-weight: 400;
   text-transform: capitalize;
}

.breadcrumb-area .breadcrumb-menu ul li a {
   color: #ffffff;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.breadcrumb-area .breadcrumb-menu ul li a:hover {
   color: #ff9311;
}


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

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-title {
   margin-bottom: 30px;
}

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-title h2 {
   font-size: 32px;
   line-height: 48px;
   color: #212d31;
   text-transform: capitalize;
   margin-bottom: 20px;
}

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-title p {
   width: 100%;
   text-align: justify;
   margin-bottom: 10px;
}

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-img {
   margin-bottom: 45px;
}

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-img img {
   width: 100%;
   max-width: 50%;
}

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-content .counter-list {
   text-align: left;
   margin-bottom: 32px;
}

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-content .counter-list .single-counter .counter {
   font-size: 36px;
   line-height: 36px;
   font-weight: 600;
   color: #ff9311;
   margin-bottom: 5px;
}

.about-page-wrapper .partner-sucess-area .partner-sucess-info .partner-sucess-content .counter-list .single-counter .title p {
   margin-bottom: 0;
   font-size: 20px;
   line-height: 36px;
   color: #212d31;
   font-weight: 600;
}

.about-page-wrapper .partner-sucess-area .bottom-content p {
   margin-bottom: 0px;
}

.about-page-wrapper .work-area {
   background: #f4f6f7;
   padding: 75px 0;
}

.about-page-wrapper .work-area .single-work {
   padding: 20px 30px;
   position: relative;
   z-index: 1;
}

.about-page-wrapper .work-area .single-work .work-title h3 {
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;
   color: #ff9311;
   margin-bottom: 20px;
}

.about-page-wrapper .work-area .single-work .work-content p {
   margin-bottom: 0;
}

.about-page-wrapper .work-area .single-work .work-ovwelay {
   position: absolute;
   content: "";
   left: 0px;
   right: 0px;
   text-align: center;
   top: 0;
   z-index: -1;
}

.about-page-wrapper .work-area .single-work .work-ovwelay h2 {
   font-size: 100px;
   color:#ececec;
}

.about-page-wrapper .team-member-area .single-team {
   border: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.about-page-wrapper .team-member-area .single-team:hover {
   -webkit-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -o-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -moz-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -ms-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
}

.about-page-wrapper .team-member-area .single-team .team-image img {
   width: 100%;
}

.about-page-wrapper .team-member-area .single-team .team-info {
   padding: 28px 15px 45px 15px;
}

.about-page-wrapper .team-member-area .single-team .team-info .team-content {
   margin-bottom: 18px;
}

.about-page-wrapper .team-member-area .single-team .team-info .team-content h3 {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.about-page-wrapper .team-member-area .single-team .team-info .team-content h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.about-page-wrapper .team-member-area .single-team .team-info .team-content h3 a:hover {
   color: #ff9311;
}

.about-page-wrapper .team-member-area .single-team .team-info .team-content p {
   margin-bottom: 0px;
}

.about-page-wrapper .team-member-area .single-team .team-socaial ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.about-page-wrapper .team-member-area .single-team .team-socaial ul li {
   display: inline-block;
   margin: 0 12px;
}

.about-page-wrapper .team-member-area .single-team .team-socaial ul li a {
   display: block;
   font-size: 16px;
   color: #999999;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.about-page-wrapper .team-member-area .single-team .team-socaial ul li a:hover {
   color: #ff9311;
}

.about-page-wrapper .newsletter-area .about-page {
   background: #f4f6f7;
}


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

.service-page-wrapper .service-area {
   padding-bottom: 50px;
}

.service-page-wrapper .service-area .single-service {
   padding: 47px 40px 40px 40px;
   border: 1px solid #c1c1c1;
   -webkit-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -o-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -moz-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -ms-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   position: relative;
   margin-bottom: 50px;
   z-index: 2;
}

.service-page-wrapper .service-area .single-service:hover:before {
   opacity: 1;
   left: 15px;
}

.service-page-wrapper .service-area .single-service:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   top: 15px;
   left: 0;
   background: #ff9311;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   opacity: 0;
   z-index: -1;
}

.service-page-wrapper .service-area .single-service:after {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: #ffffff;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   z-index: -1;
}

.service-page-wrapper .service-area .single-service .service-icon {
   margin-bottom: 28px;
}

.service-page-wrapper .service-area .single-service .service-icon.two span {
   background: #f2d0ff;
}

.service-page-wrapper .service-area .single-service .service-icon.two span:before {
   color: #d76eff;
}

.service-page-wrapper .service-area .single-service .service-icon.three span {
   background: #d7ffd0;
}

.service-page-wrapper .service-area .single-service .service-icon.three span:before {
   color: #79ff61;
}

.service-page-wrapper .service-area .single-service .service-icon span {
   display: block;
   width: 115px;
   height: 65px;
   line-height: 65px;
   margin: 0 auto;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   border-radius: 30px;
   background: #d0fff1;
}

.service-page-wrapper .service-area .single-service .service-icon span:before {
   margin-left: 0px;
   font-size: 40px;
   color: #11c690;
}

.service-page-wrapper .service-area .single-service .service-tite h3 {
   font-size: 20px;
   font-weight: 600;
   color: #212d31;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.service-page-wrapper .service-area .single-service .service-content p {
   margin-bottom: 0px;
}

.service-page-wrapper .plan-area .service-page {
   background: #f4f6f7;
}

.service-page-wrapper .newsletter-area.service-page {
   background: #ffffff;
}


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

.servicetwo-page-wrapper .service-two-area {
   padding: 75px 0;
}

.servicetwo-page-wrapper .service-two-area .single-service {
   margin: 25px 0;
}

.servicetwo-page-wrapper .service-two-area .single-service:hover .service-img .service-overlay {
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img {
   position: relative;
   overflow: hidden;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img img {
   width: 100%;
   height: 100%;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img .service-overlay {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #f3f3f3;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
   -webkit-transform: scale(0);
   -o-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   opacity: 0;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img .service-overlay .service-info {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   top: 50%;
   padding: 0 30px;
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img .service-overlay .service-info .service-icon {
   margin-bottom: 28px;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img .service-overlay .service-info .service-icon span {
   display: block;
   width: 115px;
   height: 65px;
   line-height: 65px;
   margin: 0 auto;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   border-radius: 30px;
   background: #d0fff1;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img .service-overlay .service-info .service-icon span:before {
   margin-left: 0px;
   font-size: 40px;
   color: #11c690;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img .service-overlay .service-info .service-tite h3 {
   font-size: 20px;
   font-weight: 600;
   color: #ff9311;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.servicetwo-page-wrapper .service-two-area .single-service .service-img .service-overlay .service-info .service-content p {
   margin-bottom: 0px;
}

.servicetwo-page-wrapper .counter-testimonial-area.service-two {
   overflow: hidden;
}

.servicetwo-page-wrapper .team-member-area {
   overflow: hidden;
}

.servicetwo-page-wrapper .team-member-area .team-title {
   margin-bottom: 38px;
}

.servicetwo-page-wrapper .team-member-area .team-title h2 {
   font-size: 32px;
   font-weight: 600;
   line-height: 48px;
   color: #212d31;
   text-transform: capitalize;
}

.servicetwo-page-wrapper .team-member-area .team-slide {
   position: relative;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team {
   overflow: hidden;
   margin: 0 15px;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team:hover .team-img .team-overlay {
   opacity: 1;
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img {
   position: relative;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img img {
   width: 100%;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0;
   right: 0;
   top: 0;
   background: #ffffff;
   border: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   opacity: 0;
   -webkit-transform: scale(0);
   -o-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .team-img {
   margin-bottom: 22px;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .team-img img {
   width: 130px;
   height: 130px;
   line-height: 130px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .member-title h4 {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   line-height: 26px;
   margin-bottom: 0px;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .member-title h4 a {
   color: #212d31;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .member-title h4 span {
   display: block;
   font-size: 13px;
   color: #212d31;
   font-weight: 400;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .team-social ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .team-social ul li {
   display: inline-block;
   margin: 0 15px;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .team-social ul li a {
   color: #999999;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.servicetwo-page-wrapper .team-member-area .team-slide .single-team .team-img .team-overlay .team-info .team-social ul li a:hover {
   color: #ff9311;
}

.servicetwo-page-wrapper .team-member-area .team-slide .owl-controls {
   margin-top: 0px;
}

.servicetwo-page-wrapper .team-member-area .team-slide .owl-controls .owl-buttons div {
   width: 35px;
   height: 35px;
   line-height: 35px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #dfdfdf;
   font-size: 16px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.servicetwo-page-wrapper .team-member-area .team-slide .owl-controls .owl-buttons div:hover {
   background: #ff9311;
   color: #ffffff;
}

.servicetwo-page-wrapper .team-member-area .team-slide .owl-controls .owl-buttons .owl-prev {
   left: -55px;
   position: absolute;
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   top: 50%;
}

.servicetwo-page-wrapper .team-member-area .team-slide .owl-controls .owl-buttons .owl-next {
   right: -55px;
   position: absolute;
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   top: 50%;
}


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

.single-services-page-wrapper .web-template-area .web-template-content h2 {
   font-size: 32px;
   line-height: 48px;
   color: #212d31;
   text-transform: capitalize;
   margin-bottom: 20px;
}

.single-services-page-wrapper .web-template-area .web-template-content p {
   font-size: 15px;
   line-height: 26px;
   color: #212d31;
   font-weight: 400;
   margin-bottom: 28px;
}

.single-services-page-wrapper .web-template-area .web-template-content .feature-list ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.single-services-page-wrapper .web-template-area .web-template-content .feature-list ul li {
   display: block;
   position: relative;
   font-size: 15px;
   font-weight: 400;
   color: #212d31;
   margin-bottom: 10px;
   padding-left: 25px;
   cursor: pointer;
}

.single-services-page-wrapper .web-template-area .web-template-content .feature-list ul li:last-child {
   margin-bottom: 0px;
}

.single-services-page-wrapper .web-template-area .web-template-content .feature-list ul li:after {
   position: absolute;
   content: '';
   width: 16px;
   height: 16px;
   line-height: 16px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   background: #ff9311;
   left: 0;
   top: 5px;
}

.single-services-page-wrapper .work-two-area {
   background: #f4f6f7;
}

.single-services-page-wrapper .work-two-area .service-list .single-service {
   position: relative;
}

.single-services-page-wrapper .work-two-area .service-list .single-service.last:after {
   display: none;
}

.single-services-page-wrapper .work-two-area .service-list .single-service:after {
   position: absolute;
   content: '\f178';
   font-family: FontAwesome;
   left: 100%;
   top: 10px;
   font-size: 20px;
   color: #e2e2e2;
}

.single-services-page-wrapper .work-two-area .service-list .single-service .service-icon span {
   margin-bottom: 23px;
   display: block;
}

.single-services-page-wrapper .work-two-area .service-list .single-service .service-icon span:before {
   margin-left: 0px;
   font-size: 50px;
   color: #ff9311;
}

.single-services-page-wrapper .work-two-area .service-list .single-service .service-title h3 {
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.single-services-page-wrapper .work-two-area .service-list .single-service .service-title h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.single-services-page-wrapper .work-two-area .service-list .single-service .service-title h3 a:hover {
   color: #ff9311;
}

.single-services-page-wrapper .work-two-area .service-list .single-service .service-content p {
   margin-bottom: 0px;
}

.single-services-page-wrapper .relatet-service {
   padding-bottom: 50px;
}

.single-services-page-wrapper .relatet-service .single-service {
   padding: 47px 40px 40px 40px;
   border: 1px solid #c1c1c1;
   -webkit-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -o-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -moz-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   -ms-box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   box-shadow: 0 0 20px rgba(193, 193, 193, 0.6);
   position: relative;
   margin-bottom: 50px;
   z-index: 2;
}

.single-services-page-wrapper .relatet-service .single-service:hover:before {
   opacity: 1;
   left: 15px;
}

.single-services-page-wrapper .relatet-service .single-service:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   top: 15px;
   left: 0;
   background: #ff9311;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   opacity: 0;
   z-index: -2;
}

.single-services-page-wrapper .relatet-service .single-service:after {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: #ffffff;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   z-index: -1;
}

.single-services-page-wrapper .relatet-service .single-service .service-icon {
   margin-bottom: 28px;
}

.single-services-page-wrapper .relatet-service .single-service .service-icon.two span {
   background: #f2d0ff;
}

.single-services-page-wrapper .relatet-service .single-service .service-icon.two span:before {
   color: #d76eff;
}

.single-services-page-wrapper .relatet-service .single-service .service-icon.three span {
   background: #d7ffd0;
}

.single-services-page-wrapper .relatet-service .single-service .service-icon.three span:before {
   color: #79ff61;
}

.single-services-page-wrapper .relatet-service .single-service .service-icon span {
   display: block;
   width: 115px;
   height: 65px;
   line-height: 65px;
   margin: 0 auto;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   border-radius: 30px;
   background: #d0fff1;
}

.single-services-page-wrapper .relatet-service .single-service .service-icon span:before {
   margin-left: 0px;
   font-size: 40px;
   color: #11c690;
}

.single-services-page-wrapper .relatet-service .single-service .service-tite h3 {
   font-size: 20px;
   font-weight: 600;
   color: #212d31;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.single-services-page-wrapper .relatet-service .single-service .service-content p {
   margin-bottom: 0px;
}


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

.Projects-page-wrapper .portfolio-list {
   background: #f4f6f7;
   padding-bottom: 90px;
}

.Projects-page-wrapper .portfolio-list .portfolio {
   overflow: hidden;
   width: 100%;
}

.Projects-page-wrapper .portfolio-list .portfolio .filtering-button {
   display: block;
   margin-bottom: 50px;
   height: 45px;
}

.Projects-page-wrapper .portfolio-list .portfolio .filtering-button a {
   display: inline-block;
   cursor: pointer;
   padding: 8px 30px;
   color: #ff9311;
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 600;
   border: 1px solid #ff9311;
   margin: 0 13px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
}

.Projects-page-wrapper .portfolio-list .portfolio .filtering-button a:hover {
   background: #ff9311;
   color: #ffffff;
}

.Projects-page-wrapper .portfolio-list .portfolio .filtering-button a.active {
   color: #ffffff;
   background: #ff9311;
}

.Projects-page-wrapper .portfolio-list .portfolio .single-portfolio {
   margin-bottom: 30px;
}

.Projects-page-wrapper .portfolio-list .portfolio .single-portfolio:hover .images img {
   transform: scale(1.2);
}

.Projects-page-wrapper .portfolio-list .portfolio .single-portfolio .images {
   position: relative;
   overflow: hidden;
}

.Projects-page-wrapper .portfolio-list .portfolio .single-portfolio .images:hover .overley {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   top: 68%;
}

.Projects-page-wrapper .portfolio-list .portfolio .single-portfolio .images img {
   width: 100%;
   -webkit-transition: all 0.7s;
   -o-transition: all 0.7s;
   transition: all 0.7s;
}

.Projects-page-wrapper .portfolio-list .portfolio .single-portfolio .images .overley {
   position: absolute;
   right: 0;
   top: 100%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   transform: scale(0);
}

.Projects-page-wrapper .counter-area.project-page {
   background: #ffffff;
}

.Projects-page-wrapper .partner-area.project-one {
   background: #f4f6f7;
}


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

.Projects-ful-wide-wrapper .portfolio-list {
   background: #f4f6f7;
   padding-bottom: 90px;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio {
   overflow: hidden;
   width: 100%;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .filtering-button {
   display: block;
   margin-bottom: 50px;
   height: 45px;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .filtering-button a {
   display: inline-block;
   cursor: pointer;
   padding: 8px 30px;
   color: #ff9311;
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 600;
   border: 1px solid #ff9311;
   margin: 0 13px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .filtering-button a:hover {
   background: #ff9311;
   color: #ffffff;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .filtering-button a.active {
   color: #ffffff;
   background: #ff9311;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .single-portfolio {
   margin-bottom: 30px;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .single-portfolio:hover .images img {
   transform: scale(1.2);
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .single-portfolio .images {
   position: relative;
   overflow: hidden;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .single-portfolio .images:hover .overley {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   top: 68%;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .single-portfolio .images img {
   width: 100%;
   -webkit-transition: all 0.7s;
   -o-transition: all 0.7s;
   transition: all 0.7s;
}

.Projects-ful-wide-wrapper .portfolio-list .portfolio .single-portfolio .images .overley {
   position: absolute;
   right: 0;
   top: 100%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   transform: scale(0);
}

.Projects-ful-wide-wrapper .counter-area.project-two {
   background: #ffffff;
}

.Projects-ful-wide-wrapper .partner-area.project-two {
   background: #f4f6f7;
}


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

.project-details-wrapper .website-seo-area {
   background: #f4f6f7;
   padding-bottom: 90px;
}

.project-details-wrapper .website-seo-area .website-seo-img img {
   width: 100%;
}

.project-details-wrapper .website-seo-area .pagination-two {
   padding-top: 50px;
}

.project-details-wrapper .website-seo-area .pagination-two ul li .btn_one {
   background: transparent;
   color: #ff9311;
}

.project-details-wrapper .website-seo-area .pagination-two ul li .btn_one:hover {
   color: #ffffff;
}

.project-details-wrapper .website-seo-area .website-seo-info .project-title h3 {
   font-size: 20px;
   line-height: 18px;
   color: #212d31;
   font-weight: 600;
   text-transform: capitalize;
   margin-bottom: 20px;
}

.project-details-wrapper .website-seo-area .website-seo-info .project-content p {
   margin-bottom: 15px;
   font-size: 15px;
   color: #212d31;
   line-height: 26px;
}

.project-details-wrapper .website-seo-area .website-seo-info .project-meta-box table tr td {
   font-size: 15px;
   color: #212d31;
   font-weight: 400;
   padding-bottom: 5px;
}

.project-details-wrapper .website-seo-area .website-seo-info .project-meta-box table tr td span {
   color: #ff9311;
   font-weight: 600;
   padding-right: 10px;
   text-transform: capitalize;
}

.project-details-wrapper .newsletter-area.priject-detels {
   background: #ffffff;
}

.project-details-wrapper .partner-area.project-detels {
   background: #f4f6f7;
}


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

.pricing-page-wrapper .price-tabile .single-price {
   border: 1px solid #dcdcdc;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
   padding: 50px 0 42px 0px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.pricing-page-wrapper .price-tabile .single-price:hover {
   border: 1px solid #ddd;
}

.pricing-page-wrapper .price-tabile .single-price:hover .price-header {
   border-bottom: 1px solid #ddd;
}

.pricing-page-wrapper .price-tabile .single-price .price-header {
   padding-bottom: 50px;
   border-bottom: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.pricing-page-wrapper .price-tabile .single-price .price-header .price-icon {
   margin-bottom: 25px;
}

.pricing-page-wrapper .price-tabile .single-price .price-header .price-icon span {
   width: 100px;
   height: 100px;
   line-height: 70px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   background: rgba(184, 255, 243, 0.9);
   margin: 0 auto;
   display: block;
   border: 15px solid #d5fef2;
}

.pricing-page-wrapper .price-tabile .single-price .price-header .price-icon span:before {
   font-size: 40px;
   color: #ff9311;
   margin-left: 0;
}

.pricing-page-wrapper .price-tabile .single-price .price-header .price-title h3 {
   font-size: 20px;
   font-weight: 600;
   color: #212d31;
   text-transform: uppercase;
   margin-bottom: 0px;
}

.pricing-page-wrapper .price-tabile .single-price .price-content {
   position: relative;
   padding-top: 45px;
}

.pricing-page-wrapper .price-tabile .single-price .price-content .price-btn {
   position: absolute;
   content: '';
   top: -23px;
   left: 0;
   right: 0;
   text-align: center;
}

.pricing-page-wrapper .price-tabile .single-price .price-content .price-btn .btn_one {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   border-radius: 30px;
   background: #ffffff;
   color: #212d31;
   border-color: #dcdcdc;
}

.pricing-page-wrapper .price-tabile .single-price .price-content .price-btn .btn_one:hover {
   color: #ffffff;
}

.pricing-page-wrapper .price-tabile .single-price .price-content ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.pricing-page-wrapper .price-tabile .single-price .price-content ul li {
   display: block;
   margin-bottom: 8px;
   font-size: 16px;
   color: #212d31;
   font-weight: 400;
}

.pricing-page-wrapper .price-tabile .single-price .price-content .price h2 {
   font-size: 32px;
   color: #ff9311;
   font-weight: 600;
   margin-bottom: 0px;
}

.pricing-page-wrapper .price-tabile .single-price .price-content .price h2 span {
   font-weight: 400;
   font-size: 16px;
}

.pricing-page-wrapper .plan-area.pricing-page {
   background: #f4f6f7;
}

.pricing-page-wrapper .newsletter-area.pricing-page {
   background: #ffffff;
}


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

.team-page-wrapper .team-cover-area {
   background: #f4f6f7;
}

.team-page-wrapper .team-cover-area .team-cover-content .cover-img {
   margin-bottom: 45px;
}

.team-page-wrapper .team-cover-area .team-cover-content p {
   margin-bottom: 0px;
}

.team-page-wrapper .single-team-list {
   padding-bottom: 50px;
}

.team-page-wrapper .single-team-list .single-team {
   border: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   margin-bottom: 50px;
}

.team-page-wrapper .single-team-list .single-team:hover {
   -webkit-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -o-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -moz-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   -ms-box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
   box-shadow: 0 0 30px rgba(193, 193, 193, 0.5);
}

.team-page-wrapper .single-team-list .single-team .team-image img {
   width: 100%;
}

.team-page-wrapper .single-team-list .single-team .team-info {
   padding: 28px 15px 45px 15px;
}

.team-page-wrapper .single-team-list .single-team .team-info .team-content {
   margin-bottom: 18px;
}

.team-page-wrapper .single-team-list .single-team .team-info .team-content h3 {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.team-page-wrapper .single-team-list .single-team .team-info .team-content h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-page-wrapper .single-team-list .single-team .team-info .team-content h3 a:hover {
   color: #ff9311;
}

.team-page-wrapper .single-team-list .single-team .team-info .team-content p {
   margin-bottom: 0px;
}

.team-page-wrapper .single-team-list .single-team .team-socaial ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.team-page-wrapper .single-team-list .single-team .team-socaial ul li {
   display: inline-block;
   margin: 0 12px;
}

.team-page-wrapper .single-team-list .single-team .team-socaial ul li a {
   display: block;
   font-size: 16px;
   color: #999999;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-page-wrapper .single-team-list .single-team .team-socaial ul li a:hover {
   color: #ff9311;
}


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

.team-two-page-wrapper .team-member-area {
   padding-bottom: 50px;
}

.team-two-page-wrapper .team-member-area .title h2 {
   font-size: 32px;
   line-height: 48px;
   color: #212d31;
   font-weight: 600;
   text-transform: capitalize;
   margin-bottom: 38px;
}

.team-two-page-wrapper .team-member-area .single-team {
   overflow: hidden;
   margin-bottom: 50px;
}

.team-two-page-wrapper .team-member-area .single-team:hover .team-img .team-overlay {
   opacity: 1;
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.team-two-page-wrapper .team-member-area .single-team .team-img {
   position: relative;
}

.team-two-page-wrapper .team-member-area .single-team .team-img img {
   width: 100%;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0;
   right: 0;
   top: 0;
   background: #ffffff;
   border: 1px solid #dfdfdf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   opacity: 0;
   -webkit-transform: scale(0);
   -o-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .team-img {
   margin-bottom: 22px;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .team-img img {
   width: 130px;
   height: 130px;
   line-height: 130px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .member-title h4 {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   line-height: 26px;
   margin-bottom: 0px;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .member-title h4 a {
   color: #212d31;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .member-title h4 span {
   display: block;
   font-size: 13px;
   color: #212d31;
   font-weight: 400;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .team-social ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .team-social ul li {
   display: inline-block;
   margin: 0 15px;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .team-social ul li a {
   color: #999999;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.team-two-page-wrapper .team-member-area .single-team .team-img .team-overlay .team-info .team-social ul li a:hover {
   color: #ff9311;
}

.team-two-page-wrapper .counter-testimonial-area.team-two {
   overflow: hidden;
}

.team-two-page-wrapper .partner-area.team-two {
   background: #f4f6f7;
}


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

.blog-list-wrapper .blog-list-area .single-blog {
   background: #ffffff;
   -webkit-box-shadow: 0 0 50px rgba(182, 182, 182, 0.32);
   -o-box-shadow: 0 0 50px rgba(182, 182, 182, 0.32);
   -moz-box-shadow: 0 0 50px rgba(182, 182, 182, 0.32);
   -ms-box-shadow: 0 0 50px rgba(182, 182, 182, 0.32);
   box-shadow: 0 0 50px rgba(182, 182, 182, 0.32);
   margin-bottom: 50px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-img img {
   width: 100%;
   height: auto;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info {
   padding: 45px 0;
   padding-right: 30px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-title h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 20px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-title h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-title h3 a:hover {
   color: #ff9311;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-meta {
   margin-bottom: 15px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-meta ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-meta ul li {
   display: inline-block;
   margin-right: 50px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-meta ul li a {
   color: #afafaf;
   font-size: 14px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-meta ul li a span {
   margin-right: 5px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-meta ul li a span:before {
   margin-left: 0;
   font-size: 14px;
   color: #afafaf;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-content p {
   margin-bottom: 20px;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-btn a {
   display: inline-block;
   position: relative;
   padding-right: 25px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #212d31;
   font-size: 15px;
   font-weight: 600;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-btn a:hover {
   color: #ff9311;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-btn a:hover span {
   right: 0;
   color: #ff9311;
}

.blog-list-wrapper .blog-list-area .single-blog .blog-info .blog-btn a span {
   position: absolute;
   content: '';
   right: 5px;
   top: 7px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #212d31;
}


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

.pagination-area ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.pagination-area ul li {
   display: inline-block;
   margin-right: 10px;
}

.pagination-area ul li a {
   display: block;
   text-align: center;
   font-size: 20px;
   font-weight: 600;
   color: #ff9311;
   width: 50px;
   height: 50px;
   line-height: 50px;
   border: 2px solid #ff9311;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.pagination-area ul li a:hover {
   color: #ffffff;
   background: #ff9311;
}


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

.blog-grid-wrapper .blog-grid-area .single-blog {
   margin-bottom: 50px;
   -webkit-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   -o-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   -moz-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   -ms-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-img {
   position: relative;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-img a {
   display: block;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-img a img {
   width: 100%;
   height: 100%;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-img .blog-date {
   position: absolute;
   content: '';
   right: 20px;
   bottom: 0;
   width: 48px;
   background: #ff9311;
   text-align: Center;
   padding: 15px 10px;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-img .blog-date span {
   margin-bottom: 0px;
   display: block;
   font-size: 15px;
   color: #ffffff;
   font-weight: 600;
   text-transform: capitalize;
   line-height: 20px;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info {
   padding: 30px 30px 30px 30px;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-title h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 20px;

   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-title h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-title h3 a:hover {
   color: #ff9311;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-meta {
   margin-bottom: 15px;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-meta ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-meta ul li a {
   font-size: 14px;
   color: #afafaf;
   font-weight: 400;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-meta ul li a:hover {
   color: #ff9311;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-meta ul li a span {
   margin-right: 5px;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-meta ul li a span:before {
   margin-left: 0;
   font-size: 14px;
   color: #afafaf;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-content {
   margin-bottom: 15px;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-content p {
   margin-bottom: 25px;
   font-size: 15px;
   color: #212d31;
   line-height: 26px;

   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-btn a {
   display: inline-block;
   position: relative;
   padding-right: 25px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #212d31;
   font-weight: 600;
   font-size: 15px;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-btn a:hover {
   color: #ff9311;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-btn a:hover span {
   right: 0;
   color: #ff9311;
}

.blog-grid-wrapper .blog-grid-area .single-blog .blog-info .blog-btn a span {
   position: absolute;
   content: '';
   right: 5px;
   top: 7px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #212d31;
}


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

.single-post-wrapper .single-post-area {
   padding-bottom: 43px;
}

.single-post-wrapper .single-post-area .single-post .post-img {
   margin-bottom: 45px;
}

.single-post-wrapper .single-post-area .single-post .post-img img {
   width: 100%;
   height: 100%;
}

.single-post-wrapper .single-post-area .single-post .blog-title h2 {
   font-size: 30px;
   text-align: center;
   color: #212d31;
   font-weight: 600;
   margin-bottom: 20px;
}

.single-post-wrapper .single-post-area .single-post .blog-meta {
   margin-bottom: 25px;
}

.single-post-wrapper .single-post-area .single-post .blog-meta ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.single-post-wrapper .single-post-area .single-post .blog-meta ul li {
   display: inline-block;
   margin: 0 25px;
}

.single-post-wrapper .single-post-area .single-post .blog-meta ul li a {
   font-size: 14px;
   color: #afafaf;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.single-post-wrapper .single-post-area .single-post .blog-meta ul li a:hover {
   color: #ff9311;
}

.single-post-wrapper .single-post-area .single-post .blog-meta ul li a span {
   margin-right: 5px;
}

.single-post-wrapper .single-post-area .single-post .blog-meta ul li a span:before {
   margin-left: 0px;
   font-size: 14px;
   color: #afafaf;
}

.single-post-wrapper .single-post-area .single-post .post-content p {
   font-size: 15px;
   color: #212d31;
   line-height: 26px;
   margin-bottom: 0;
}

.single-post-wrapper .single-post-area .quote-area {
   background: #ff9311;
   margin: 23px 0 30px 0;
}

.single-post-wrapper .single-post-area .quote-area .quote-content {
   padding: 30px 50px 37px 50px;
   position: relative;
   z-index: 1;
}

.single-post-wrapper .single-post-area .quote-area .quote-content .quote-img {
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
   z-index: -1;
}

.single-post-wrapper .single-post-area .quote-area .quote-content p {
   margin-bottom: 0;
   font-size: 15px;
   color: #ffffff;
   font-weight: 600;
   line-height: 26px;
}

.single-post-wrapper .single-post-area .other-post-area .post-img {
   margin-bottom: 22px;
}

.single-post-wrapper .single-post-area .other-post-area .blog-content {
   margin-bottom: 36px;
}

.single-post-wrapper .single-post-area .other-post-area .blog-content p {
   margin-bottom: 0px;
}

.single-post-wrapper .single-post-area .other-post-area .social-media ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.single-post-wrapper .single-post-area .other-post-area .social-media ul li {
   display: inline-block;
   margin: 0 25px;
}

.single-post-wrapper .single-post-area .other-post-area .social-media ul li a {
   font-size: 18px;
   color: #333333;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.single-post-wrapper .single-post-area .other-post-area .social-media ul li a:hover {
   color: #ff9311;
}

.single-post-wrapper .single-post-area .other-post-area .social-media ul li a i {
   margin-right: 5px;
}

.single-post-wrapper .related-blog-area {
   border-top: 1px solid #dfdfdf;
}

.single-post-wrapper .related-blog-area .title h2 {
   font-size: 32px;
   font-weight: 600;
   text-transform: capitalize;
   color: #212d31;
   margin-bottom: 0px;
   line-height: 48px;
}

.single-post-wrapper .related-blog-area .single-blog {
   -webkit-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   -o-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   -moz-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   -ms-box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   box-shadow: 0 0 20px rgba(182, 182, 182, 0.23);
   margin-top: 43px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-img {
   position: relative;
}

.single-post-wrapper .related-blog-area .single-blog .blog-img a {
   display: block;
}

.single-post-wrapper .related-blog-area .single-blog .blog-img a img {
   width: 100%;
   height: 100%;
}

.single-post-wrapper .related-blog-area .single-blog .blog-img .blog-date {
   position: absolute;
   content: '';
   right: 20px;
   bottom: 0;
   width: 48px;
   background: #ff9311;
   text-align: Center;
   padding: 15px 10px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-img .blog-date span {
   margin-bottom: 0px;
   display: block;
   font-size: 15px;
   color: #ffffff;
   font-weight: 600;
   text-transform: capitalize;
   line-height: 20px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info {
   padding: 30px 30px 30px 30px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-title h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 20px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-title h3 a {
   color: #212d31;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-title h3 a:hover {
   color: #ff9311;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-meta {
   margin-bottom: 15px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-meta ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-meta ul li a {
   font-size: 14px;
   color: #afafaf;
   font-weight: 400;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-meta ul li a:hover {
   color: #ff9311;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-meta ul li a span {
   margin-right: 5px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-meta ul li a span:before {
   margin-left: 0;
   font-size: 14px;
   color: #afafaf;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-content {
   margin-bottom: 15px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-content p {
   margin-bottom: 25px;
   font-size: 15px;
   color: #212d31;
   line-height: 26px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-btn a {
   display: inline-block;
   position: relative;
   padding-right: 25px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #212d31;
   font-weight: 600;
   font-size: 15px;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-btn a:hover {
   color: #ff9311;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-btn a:hover span {
   right: 0;
   color: #ff9311;
}

.single-post-wrapper .related-blog-area .single-blog .blog-info .blog-btn a span {
   position: absolute;
   content: '';
   right: 5px;
   top: 7px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #212d31;
}


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

.contact-page-wrapper {
   overflow: hidden;
}


.contact-page-wrapper .google-map-area .google-map #gmap {
   height: 400px;
   position: relative;
   overflow: hidden;
}

.contact-page-wrapper .contact-area .contact-form form .form-group {
   margin-bottom: 10px;
}

.contact-page-wrapper .contact-area .contact-form form .form-group input {
   width: 100%;
   height: 50px;
   padding: 10px 10px;
   font-family: "Poppins", sans-serif;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #dfdfdf;
   font-size: 15px;
   color: #c4c4c4;
   font-weight: 400;
   text-transform: capitalize;
   -webkit-box-shadow: none;
   -o-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   box-shadow: none;
}

.contact-page-wrapper .contact-area .contact-form form .form-group input:focus {
   -webkit-box-shadow: none;
   -o-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   box-shadow: none;
   border: 1px solid #ff9311;
}

.contact-page-wrapper .contact-area .contact-form form .form-group textarea {
   width: 100%;
   height: 80px;
   padding: 10px ;
   font-family: "Poppins", sans-serif;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #dfdfdf;
   font-size: 15px;
   color: #c4c4c4;
   font-weight: 400;
   text-transform: capitalize;
   resize: none;
   -webkit-box-shadow: none;
   -o-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   box-shadow: none;
}

.contact-page-wrapper .contact-area .contact-form form .form-group textarea:focus {
   -webkit-box-shadow: none;
   -o-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   box-shadow: none;
   border: 1px solid #ff9311;
}

.contact-page-wrapper .contact-area .contact-form form .submit-btn .btn_one {
   padding: 8px 60px;
}

.contact-page-wrapper .contact-area .form-right {
   background: #ff9311;
   margin-top: 50px;
   border-radius: 5px;
   padding: 30px;
   width: 100%;
}

.contact-page-wrapper .contact-area .form-right ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.contact-page-wrapper .contact-area .form-right ul li {
   padding-left: 40px;
   position: relative;
   color: #ffffff;
   font-size: 15px !important;
   line-height: 26px  !important;
   font-weight: 400;
   margin-bottom: 20px;
}
.contact-page-wrapper .contact-area .form-right ul li a{
  color: #fff; 
}
.contact-page-wrapper .contact-area .form-right ul li a:hover{
   color:#e0e0e0;
}

.contact-page-wrapper .contact-area .form-right ul li .fa{
    font-size: 22px !important;
   line-height: 26px  !important;
}


.contact-page-wrapper .contact-area .form-right ul li:last-child {
   margin-bottom: 0px;
}

.contact-page-wrapper .contact-area .form-right ul li span {
   position: absolute;
   left: 0;
   top: 0px;
}
.contact-page-wrapper .contact-area .form-right h5{
   color: #fff;
   font-size: 20px;
   margin-bottom: 15px;
}

.contact-page-wrapper .contact-area .form-right ul li span:before {
   margin-left: 0;
}


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

.counter-testimonial-area {
   background: url(../images/counter/bg3.jpg) no-repeat;
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
}

.counter-testimonial-area .testimonial-counter .single-counter {
   margin-bottom: 50px;
}

.counter-testimonial-area .testimonial-counter .single-counter.three {
   margin-bottom: 0;
}

.counter-testimonial-area .testimonial-counter .single-counter.four {
   margin-bottom: 0;
}

.counter-testimonial-area .testimonial-counter .single-counter .icon span {
   margin-bottom: 25px;
   display: block;
}

.counter-testimonial-area .testimonial-counter .single-counter .icon span:before {
   margin-left: 0;
   font-size: 48px;
   color: #ffffff;
}

.counter-testimonial-area .testimonial-counter .single-counter .counter {
   margin-bottom: 12px;
   font-size: 20px;
   font-weight: 600;
   color: #ffffff;
}

.counter-testimonial-area .testimonial-counter .single-counter .title p {
   color: #ffffff;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 15px;
   font-weight: 500;
   margin-bottom: 0px;
}

.counter-testimonial-area .testimonial-section {
   padding-left: 80px;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide {
   padding-bottom: 70px;
   position: relative;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial {
   padding: 25px 30px;
   border: 1px solid #ffffff;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial .testimonail-content p {
   font-size: 15px;
   line-height: 26px;
   color: #fff;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial .clint-info .media .media-left {
   float: left;
   margin-right: 10px;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial .clint-info .media .media-left a img {
   width: 60px;
   height: 60px;
   line-height: 60px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial .clint-info .media .media-body .media-heading {
   font-size: 15px;
   margin-top: 5px;
   text-transform: uppercase;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial .clint-info .media .media-body .media-heading a {
   color: #fff;
   display: block;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial .clint-info .media .media-body .media-heading a:hover {
   color: #ff9311;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .single-tstimonial .clint-info .media .media-body p {
   margin-bottom: 0;
   font-size: 15px;
   font-weight: 400;
   color: #fff;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .owl-controls {
   margin-top: 0;
   margin-bottom: 0;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .owl-controls .owl-buttons {
   position: absolute;
   left: 0px;
   bottom: -5px;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .owl-controls .owl-buttons div {
   width: 35px;
   height: 35px;
   line-height: 35px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #ffffff;
   font-size: 16px;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
   color: #ffffff;
}

.counter-testimonial-area .testimonial-section .testimonial-three-slide .owl-controls .owl-buttons div:hover {
   background: #ffffff;
   color: #ff9311;
}


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

.plan-area {
   background: #f4f6f7;
}

.plan-area h2 {
   font-size: 32px;
   line-height: 48px;
   font-weight: 600;
   color: #212d31;
   margin-bottom: 10px;
}

.plan-area p {
   margin-bottom: 15px;
   color: #212d31;
   font-weight: 400;
   font-size: 15px;
}

.plan-area .plan-btn {
   margin-top: 25px;
}

.plan-area .plan-btn .btn_one {
   color: #ffffff;
}
.feature-box{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equal-height{
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}


.banner-section{
  padding: 8% 00;
}
.banner-section h1{
  font-size: 50px;
  color: #fff;
}
.banner-section h1 span{
  color: #ff9316;

}
.banner-section p{
  color: #fff;
  font-size: 20px;
}

.banner-center{
  float: none;
    margin: 0 auto;
}

.banner-section .btn-primary{
   padding: 30px 100px;
}
.banner-section .btn-primary{
   font-size: 36px;
}
.arrow-img{
       position: absolute;
    
        right: 10%;
    bottom: 8%;
}

.flexsearch--wrapper {
  height: auto;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  background: transparent;
  margin: 0;
  position: static;
}
  
.flexsearch--form {
  overflow: hidden;
  position: relative;
}
  
.flexsearch--input-wrapper {
  overflow: hidden;
}

.flexsearch--input {
  width:60%;
}

.flexsearch--input {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  padding: 0 15px 0 20px;
  border-color: #888;
  border-radius: 35px; /* (height/2) + border-width */
  border:none;
  margin-top: 15px;
  color: #333;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
  
.flexsearch--submit {
  background:#ff9316;
  position: absolute;
  right: 15%;
  top: -5px;
  display: block;
  width: 80px;
  height: 50px;
  padding: 0;
  border-radius: 0px 30px 30px 0;
  border: none;
  margin-top: 20px; /* margin-top + border-width */
  color: #fff;
  font-size:30px;
  line-height: 52px;
}

.flexsearch--input:focus {
  outline: none;
  border-color: #333;
}

.flexsearch--input:focus.flexsearch--submit {
  color: #333; 
}

.flexsearch--submit:hover {
  color: #fff;
    cursor: pointer;
  background:#000
}

::-webkit-input-placeholder {
  color: #888;  
}

input:-moz-placeholder {
  color: #888
}


.price-box{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.price-box .service-title h2{

  margin-bottom: 0px;
}
.price-box .service-title {
  margin-bottom:20px;
}


.price-box .service-content a.btn-primary{
  margin-top: 20px;
}
/*.price-box .equal-height:nth-child(3) .single-service{
  background:#ff9311;
}

.price-box .equal-height:nth-child(3) .single-service .service-icon span{
    border-color: #fff;
}

.price-box .equal-height:nth-child(3) .single-service .service-icon span:before,
.price-box .equal-height:nth-child(3) .single-service  .service-title h3,
.price-box .equal-height:nth-child(3) .single-service  .service-title h2,
.price-box .equal-height:nth-child(3) .single-service  .service-title span,
.price-box .equal-height:nth-child(3) .single-service .service-content p{
  color: #fff;
}

.price-box .equal-height:nth-child(3)  .service-content a.btn-primary{
  background:#fff;
  color: #000;
}
.price-box .equal-height:nth-child(3)  .service-content a.btn-primary:hover{
  background:#000;
  color: #fff;
}*/

.contact-info p a{
  color:#afafaf;
}
.contact-info p a:hover{
  color: #fff;
}

.package-text{
  margin-top: 15px;

}
.package-text a{
  color: #ff9311;
  font-size: 16px;
}
.package-text a:hover{
  color: #fff;
  
}


.banner-center h1{
   text-transform: uppercase;
}

.bg-grey{
   background:#f5f5f5;
}
.service_boxes .single-service{
   background:#fff;
   margin-bottom: 30px;
}
.service_boxes .single-service .service-icon span{
    width:120px;
    height: 120px;
    line-height: 120px;
}
.service_boxes .single-service .service-icon span:before{
   font-size: 50px;
}
.service_boxes .single-service .service-title h3{
   margin-bottom: 0px;
}
.service_boxes .single-service .service-title h3 a{
   font-size: 20px
}
.service-section .equal-height:nth-child(1) .single-service{
   background: #000080;
}
.service-section .equal-height:nth-child(1) .single-service .service-icon span:before{
   color:#fff;
}
.service-section .equal-height:nth-child(1) .single-service:hover .service-icon span:before{
   color:#000080;
}
.service-section .equal-height:nth-child(1) .single-service:hover .service-icon span{
   background:#fff;

}
.service-section .equal-height:nth-child(1) .single-service .service-icon span{
   border-color: #fff; 
}
.service-section .equal-height:nth-child(1) .single-service .service-title h3 a:hover{
   opacity: 0.8
}
.service-section .equal-height:nth-child(1) .single-service .service-title h3 a{
   color: #fff;
}

.service-section .equal-height:nth-child(2) .single-service{
   background: #ff9311;
}
.service-section .equal-height:nth-child(2) .single-service .service-icon span:before{
   color:#fff;
}
.service-section .equal-height:nth-child(2) .single-service:hover .service-icon span:before{
   color:#ff9311;
}
.service-section .equal-height:nth-child(2) .single-service:hover .service-icon span{
   background:#fff;
}
.service-section .equal-height:nth-child(2) .single-service .service-icon span{
   border-color: #fff; 
}
.service-section .equal-height:nth-child(2) .single-service .service-title h3 a:hover{
   opacity: 0.8
}
.service-section .equal-height:nth-child(2) .single-service .service-title h3 a{
   color: #fff;
}


.service-section .equal-height:nth-child(3) .single-service{
   background: #89cff0;
}
.service-section .equal-height:nth-child(3) .single-service .service-icon span:before{
   color:#fff;
}
.service-section .equal-height:nth-child(3) .single-service:hover .service-icon span:before{
   color:#89cff0;
}
.service-section .equal-height:nth-child(3) .single-service:hover .service-icon span{
   background:#fff;
}
.service-section .equal-height:nth-child(3) .single-service .service-icon span{
   border-color: #fff; 
}
.service-section .equal-height:nth-child(3) .single-service .service-title h3 a:hover{
   opacity: 0.8
}
.service-section .equal-height:nth-child(3) .single-service .service-title h3 a{
   color: #fff;
}


.service-section .equal-height:nth-child(4) .single-service{
   background: #ff0000;
}
.service-section .equal-height:nth-child(4) .single-service .service-icon span:before{
   color:#fff;
}
.service-section .equal-height:nth-child(4) .single-service:hover .service-icon span:before{
   color:#ff0000;
}
.service-section .equal-height:nth-child(4) .single-service:hover .service-icon span{
   background:#fff;
}
.service-section .equal-height:nth-child(4) .single-service .service-icon span{
   border-color: #fff; 
}
.service-section .equal-height:nth-child(4) .single-service .service-title h3 a:hover{
   opacity: 0.8
}
.service-section .equal-height:nth-child(4) .single-service .service-title h3 a{
   color: #fff;
}



.service-section .equal-height:nth-child(5) .single-service{
   background: #73b504;
}
.service-section .equal-height:nth-child(5) .single-service .service-icon span:before{
   color:#fff;
}
.service-section .equal-height:nth-child(5) .single-service:hover .service-icon span:before{
   color:#73b504;
}
.service-section .equal-height:nth-child(5) .single-service:hover .service-icon span{
   background:#fff;
}
.service-section .equal-height:nth-child(5) .single-service .service-icon span{
   border-color: #fff; 
}
.service-section .equal-height:nth-child(5) .single-service .service-title h3 a:hover{
   opacity: 0.8
}
.service-section .equal-height:nth-child(5) .single-service .service-title h3 a{
   color: #fff;
}



.service-section .equal-height:nth-child(6) .single-service{
   background: #d7a4ab;
}
.service-section .equal-height:nth-child(6) .single-service .service-icon span:before{
   color:#fff;
}
.service-section .equal-height:nth-child(6) .single-service:hover .service-icon span:before{
   color:#d7a4ab;
}
.service-section .equal-height:nth-child(6) .single-service:hover .service-icon span{
   background:#fff;
}
.service-section .equal-height:nth-child(6) .single-service .service-icon span{
   filter: brightness(0) invert(1);
}
.service-section .equal-height:nth-child(6) .single-service:hover .service-icon span{
   filter: brightness(1) invert(0);
   border-color:#fff;
}
.service-section .equal-height:nth-child(6) .single-service .service-title h3 a:hover{
   opacity: 0.8
}
.service-section .equal-height:nth-child(6) .single-service .service-title h3 a{
   color: #fff;
}



.service-section{
   padding: 70px 0 40px; 
}

.bene-box .equal-height:nth-child(1) .single-service{
   background: #d9f3ff; 
}
.bene-box .equal-height:nth-child(1) .single-service .service-icon span{
   border-color:#56a0c3;
}
.bene-box .equal-height:nth-child(1) .single-service:hover .service-icon span{
   background: #56a0c3; 
   border:#56a0c3;
}

.bene-box .equal-height:nth-child(1) .single-service .service-icon span:before{
   color: #56a0c3; 
}

.bene-box .equal-height:nth-child(1) .single-service:hover .service-icon span:before{
   color: #fff; 
}

.bene-box .equal-height:nth-child(2) .single-service{
   background: #ffffc1; 
}
.bene-box .equal-height:nth-child(2) .single-service .service-icon span{
   border-color:#e4d24e;
}
.bene-box .equal-height:nth-child(2) .single-service:hover .service-icon span{
   background: #e4d24e; 
   border:#e4d24e;
}

.bene-box .equal-height:nth-child(2) .single-service .service-icon span:before{
   color:#e4d24e; 
}

.bene-box .equal-height:nth-child(2) .single-service:hover .service-icon span:before{
   color: #fff; 
}



.bene-box .equal-height:nth-child(3) .single-service{
   background: #fde0e7; 
}
.bene-box .equal-height:nth-child(3) .single-service .service-icon span{
   border-color:#e07992;
}
.bene-box .equal-height:nth-child(3) .single-service:hover .service-icon span{
   background: #e07992; 
   border:#e07992;
}

.bene-box .equal-height:nth-child(3) .single-service .service-icon span:before{
   color:#e07992; 
}

.bene-box .equal-height:nth-child(3) .single-service:hover .service-icon span:before{
   color: #fff; 
}



.bene-box .equal-height:nth-child(4) .single-service{
   background: #deffea; 
}
.bene-box .equal-height:nth-child(4) .single-service .service-icon span{
   border-color:#63d48c;
}
.bene-box .equal-height:nth-child(4) .single-service:hover .service-icon span{
   background: #63d48c; 
   border:#63d48c;
}

.bene-box .equal-height:nth-child(4) .single-service .service-icon span:before{
   color:#63d48c; 
}

.bene-box .equal-height:nth-child(4) .single-service:hover .service-icon span:before{
   color: #fff; 
}

.bene-box .equal-height .single-service .service-title h3{
   font-size: 18px;
}
.general-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

 .home-blog  .blog-grid-area .single-blog{
margin-bottom: 15px;
}
.data-collapse{
   padding-top: 20px;
}
.accordion {
  background-color: #eee !important;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.accordion.active, .accordion:hover {
  background-color: #ff9311 !important;
	color:#fff;
}
.accordion:hover:after, .active::after{
	color:#fff !important;
}
.panel p{
	padding-top:10px;
}
span.wpcf7-list-item{
	margin-left:0px !important;
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  border:none;
  margin-bottom: 10px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.service-sidebar{
   padding: 15px;
   margin-bottom: 15px;
   background:#f3f3f3;
}

.service-sidebar .widget-nav-menu{
   background:#fff;
}
.service-sidebar .widget-nav-menu .widget-menu li{
   /*padding:15px;*/
   color: #444;
}
.service-sidebar .widget-nav-menu .widget-menu li:hover{
   background: #ff9311;
}
.service-sidebar .widget-nav-menu .widget-menu li a{
   color: #444;
	display: block;
    padding: 15px;
}
.service-sidebar .widget-nav-menu .widget-menu li:hover a{
   color: #fff !important;
}
.service-sidebar .widget-nav-menu .widget-menu a:hover li{
   color: #fff !important;
}
.service-sidebar .widget-nav-menu .widget-menu a.active li{
   background: #ff9311;
   color: #fff;
}
.service-sidebar .widget-nav-menu .widget-menu li.active a{
   color: #fff;
	background: #ff9311;
}
.service-detail{
   margin-top: 20px;
}
.service-detail a{
	color: #ff9311;
}
.service-detail ul li{
   margin-bottom: 10px;
   padding: 10px;
   background: #f5f5f5;
   transition: 0.5s;
   border-radius: 5px;
}
.service-detail ul a li {
   background: #ff9311;
   color:#fff;

}
.service-detail ul a:hover li {
  color: #444;
	   background: #f5f5f5;
}

.service-detail ul li a{
   color:#444;
}

.register-section{
   background: #ff9311;
   color: #fff;
   text-transform: uppercase;
   padding: 25px;
   border-radius: 5px;
   text-align: center;
}
.register-section a{
   color: #fff;
}
.register-section h2{
   font-size: 17px;
}
.register-section h2, .register-section h3{
   margin-bottom: 10px;
}


.register-section h3 span{
   color: #000;
}
.register-section h5{
   margin-bottom: 0px;
   font-weight: normal;
   font-size: 12px;
}
.service-detail h4{
  margin-bottom: 10px;
}
.service-detail h2{
  margin-bottom: 10px;
}
.service-detail .contact-form{
   padding: 15px;
   background: #e8e8e8;
   margin: 15px 0;
   border-radius: 5px
}
.service-detail .contact-form .form-control{
    height: 50px;
}
.service-detail .contact-form textarea.form-control{
    height: 80px;
}
.service-detail .contact-form h4{
   margin-bottom: 15px;
   font-size: 16px;
}

abbr[data-title] {
  position: relative;

  text-decoration: underline dotted; 
}
abbr[data-title]:hover::after,
abbr[data-title]:focus::after {
  content: attr(data-title);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    white-space: normal;
    background: #fff;
    color: #444;
    bottom: 25px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
    font-size: 11px;
    padding: 10px;
    border-radius: 5px;
    line-height: 16px;
    text-align: justify;
    font-weight: 500;
  }

  .check-service{
    display: flex;
    padding-bottom: 5px;
  }
  .check-service:last-child{
    padding-bottom: 15px;
}
  .check-service label{
    padding-left: 5px;
    line-height: 20px;
  }

.check-service i{
	margin-left:5px;
}
.form-group .check-service{
  padding-bottom: 0px;
}

.testimonial-slide .owl-item{
  padding-bottom: 15px;
}
@-moz-document url-prefix() { 

.check-service label{
  padding-top: 10px;
}
.check-service1 input[type="checkbox"] {
    margin-top: -50px;
}

}
.header-area .menu-area .main-menu ul li.active a{
		color:#ff9311;
}
.header-area .menu-area .main-menu ul li.active{
	background:transparent;

}

.mean-container .mean-nav ul li a.mean-expand:hover{
	color: #ff9311;
}

.contact-form p{
  margin-bottom: 8px;
}
.beneficial .wpcf7-list-item-label{
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
	padding-left:10px;
}
.beneficial  span.wpcf7-list-item{
	    width: -webkit-fill-available;
	width:-moz-available;
}