/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/*====================
	Main Menu Area Css
=====================*/


.pt50 {
    padding-top: 50px
}

.pt70 {
    padding-top: 70px
}

.pb100 {
    padding-bottom: 100px
}

.pb60 {
    padding-bottom: 60px
}

.solve_nav_manu {
    background: transparent;
    padding: 10px 0;
    transition: .5s;
    margin-bottom: -92px;
    z-index: 999;
    position: relative
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    z-index: 9999;
    -webkit-animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, .1);
    background: #fff
}

.solve_menu {
    text-align: right
}

.solve_menu ul {
    text-align: left;
    list-style: none;
    display: inline-block
}

.solve_menu>ul>li {
    display: inline-block;
    position: relative
}

.solve_menu>ul>li>a {
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    color: #151948;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 34px;
    padding: 23px 0;
    font-size:17px;
}

.solve_menu ul li:last-child a {
    margin-right: 0
}

.solve_menu>ul>li.current>a {
    color: #f06292
}
.solve_menu .sub-menu li:hover a {
    color: #f06292 !important;
}
.solve_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 0;
    z-index: 9999;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    border-top: 2px solid #ff6565
}

.solve_menu ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 9
}

.solve_menu ul .sub-menu li {
    position: relative
}

.solve_menu ul .sub-menu li a {
    display: block;
    text-align: left;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #333
}
.solve_menu ul .sub-menu li a:hover{
    color:#ff6565;
}
.solve_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a,
.solve_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.solve_menu ul .sub-menu .sub-menu li:hover>a,
.solve_menu ul .sub-menu li:hover>a {
    color: #fff
}

.solve_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden
}

.solve_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.solve_menu ul .sub-menu .sub-menu li {
    position: relative
}

.solve_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden
}

.solve_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.solve_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative
}

.solve_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.donate-btn-header {
    display: inline-block
}

a.dtbtn {
    border: 2px solid #232223;
    display: block;
    font-size: 14px;
    margin-left: 30px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 9px 22px;
    background: transparent;
    color: #232223;
    margin-top: 0;
    letter-spacing: 1px;
    transition: 0.5s;
}
a.dtbtn:hover {
    border: 2px solid #ff6565;
    background: #ff6565;
    color: #fff;
    text-decoration:none;
}

.solve_menu li a:hover:before {
    width: 101%
}

/*.logo_img img {
    width: 240px
}

.main_sticky img {
    width: 24px
}*/

.solve_nav_manu.sticky .logo_img {
    display: none
}

.main_sticky {
    display: none
}

.solve_nav_manu.sticky .main_sticky {
    display: inherit
}

.solve_nav_manu.sticky .solve_menu li a {
    color: #383434;
    font-weight: 550;
    font-size: 16px;
}

.solve_nav_manu.sticky a.dtbtn {
    color: #383434
}

.solve_nav_manu.sticky a.dtbtn:hover {
    color: #fff
}

.mobile-menu.mean-container {
    overflow: hidden
}

.home2 .solve_menu>ul>li>a {
    color: #383434
}

.home2 a.dtbtn {
    border: 2px solid #ff6565;
    color: #383434
}

.home2 a.dtbtn:hover {
    color: #fff;
    border: 2px solid #ff6565
}

.home2.solve_nav_manu.sticky a.dtbtn {
    border: 2px solid #ddd
}

.home2.solve_nav_manu.sticky a.dtbtn:hover {
    border: 2px solid #ff6565
}

.slider_area {
    background-image: url(assets/images/slider-1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 570px
}

.slider_area.home2 {
    background: #a9c7ec;
    position: relative
}

.slider_area.home2::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/images/slider-2.png)
}

.slider_area.home3::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/images/homepaged.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.single_slider {
    position: relative
}

.slider_content {
    display: table;
    min-height: 600px;
    width: 100%;
    padding-top: 6%;
}

.slider_text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.slider_text_inner {
    display: inline-block
}

.slider_text_inner h1 {
    overflow: hidden;
    display: block;
    font-size: 60px;
    line-height: 88px;
    color: #fff;
    margin: 0/*! width: 100%; */
}

.slider_text_inner p {
    width: 70%;
    font-size: 16px;
    padding: 20px 0 22px;
    color: #fff
}

@keyframes glowing {
    0% {
        background-color: #e38531
    }
    50% {
        background: #454545
    }
    100% {
        background-color: #e38531
    }
}

.slider_button_inner a {
    animation: glowing 1.3s infinite
}

.slider_button_inner a {
    background: #fff;
    padding: 12px 34px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    color: #ff6565
}

.slider_button_inner a i {
    margin-right: 8px;
    font-size: 16px
}

.slider_button_inner a:before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #ff6565;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1
}

.slider_button_inner a:hover {
    color: #fff
}

.slider_button_inner a:hover:before {
    width: 180%
}

.slider-video-icon a i {
    color: #ff6565;
    font-size: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .73);
    height: 70px;
    width: 70px;
    line-height: 70px;
    transition: .5s;
    text-align: center;
    position: relative
}

.slider-video-icon a i:hover {
    background: #ff6565;
    color: #fff
}

.slider-video-icon {
    position: relative;
    margin-top: -13px;
    margin-left: 39px
}

.slider-video-icon::before {
    content: "";
    position: absolute;
    left: 34px;
    top: 53%;
    height: 90px;
    width: 90px;
    background: rgba(255, 255, 255, .8);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1.5s ease-out infinite
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.single_slider_rot_inner {
    position: absolute;
    bottom: 0;
    left: 50%
}

.home2 .slider_text_inner h1 {
    color: #383434
}

.home2 .slider_text_inner p {
    color: #383434
}

.home2 .video-icon a i {
    color: #fff;
    background: #ff6565
}

.home2 .video-icon::before {
    background: rgba(123, 76, 244, .3)
}

.home2 .slider_button_inner a {
    background: #ff6565;
    color: #fff
}

.home2 .slider_button_inner a:before {
    background: #fff
}

.home2 .slider_button_inner a:hover {
    color: #ff6565
}

.home4 .slider_text_inner h1 {
    font-size: 55px
}

.home4 .slider_text_inner p {
    width: 88%
}

.single_slider_shape {
    position: relative/*! top: 15%; */
    /*! margin-top: 0%; */
}

.single_slider_shape_image {
    position: absolute;
    right: -102px;
    bottom: 0;
    z-index: 1
}

.item1 .single_slider_shape_image {
    right: 12px;
    bottom: 142px
}

.item1 .single_slider_shape_image img {
    width: 90% !important
}

.item2 .single_slider_shape_image {
    right: 75px;
    bottom: 72px
}

.item2 .single_slider_shape_image img {
    width: 90% !important
}

.item3 .single_slider_shape_image {
    right: -30px;
    bottom: 132px
}

.item3 .single_slider_shape_image img {
    width: 72% !important
}

.item4 .single_slider_shape_image {
    right: -13px;
    bottom: 150px
}

.item4 .single_slider_shape_image img {
    width: 89% !important
}

.item5 .single_slider_shape_image {
    right: -23px;
    bottom: -10px
}

.item5 .single_slider_shape_image img {
    width: 82% !important
}

.slider_banner_shap {
    position: relative
}

.single_slider_shape_image img {
    width: 90%/*! margin-top: 20%; */
}

.slider_banner_shap_inner {
    position: absolute;
    right: 100px;
    top: 350px;
    left: 100px
}

.slider_banner_shap3 img:nth-child(1) {
    z-index: 3;
    top: -130px;
    left: -45px
}

.slider_banner_shap3 {
    position: absolute;
    left: 0;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
    top: 123px
}

.home2 .single_slider_shape_image {
    position: absolute;
    right: -70px;
    bottom: 15px
}

.pricing_shape_thumb {
    position: relative
}

.pricing_shape_thumb_inner {
    position: absolute;
    left: -156px;
    top: -150px;
    opacity: .4
}

.pricing_shape_thumb_inner2 img:nth-child(1) {
    z-index: 3;
    top: -130px;
    left: -45px
}

.pricing_shape_thumb_inner2 {
    position: absolute;
    right: -156px;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
    top: -123px
}

.testi_shape_thumb_inner1 {
    position: absolute;
    right: 2%;
    bottom: 50%;
    z-index: -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear
}

.testi_shape_thumb_inner1 img:nth-child(4) {
    left: 29%;
    right: 0;
    top: -15px;
    margin: 0 auto
}

.testi_shape_thumb_inner2 img:nth-child(1) {
    z-index: 3;
    top: -130px;
    left: -45px
}

.testi_shape_thumb_inner2 {
    position: absolute;
    left: 0;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
    top: 0
}

.slider_banner_shap4 {
    right: -60px;
    top: -750px;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
    position: absolute;
    opacity: .6
}

.slider_banner_shap4 img:nth-child(4) {
    left: 29%;
    right: 0;
    top: -15px;
    margin: 0 auto
}

.breatcome_area {
    background-image: url(assets/images/banner2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 140px 0 30px
}
.breatcome_area.v2{
    background-image: none !important;
    background-color: #ff65658f;
}
.breatcome_area.v2 .breatcome_title_inner h1{
    color: #382728;
}
.breatcome_area.v2 .breatcome_title_inner p{
    color: #000;
}
.breatcome_area img {
    width: 100%
}

.breatcome_title {
    text-align: center
}

.breatcome_title_inner h1 {
    font-size: 50px;
    color: #3e3e46;
    text-transform: none
}

.breatcome_title_inner p {
    color: #ff090a;
    font-size: 17px;
    padding-top: 15px;
    line-height: 28px
}

.breatcome_content {
    padding-top: 7px
}

.breatcome_content ul {
    list-style: none
}

.breatcome_content ul li {
    font-size: 18px;
    color: #fff
}

.breatcome_content ul li a {
    display: inline-block;
    color: #fff;
    margin-right: 35px;
    position: relative
}

.breatcome_content ul li a::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 20px;
    width: 1px;
    background: #fff
}

.breatcome_content ul li a::before {
    position: absolute;
    content: "";
    left: 67px;
    top: 2px;
    height: 21px;
    width: 2px;
    background: #fff
}

.breatcome_content ul li a::after {
    position: absolute;
    content: "";
    right: -23px;
    top: 2px;
    height: 21px;
    width: 2px;
    background: #fff
}

.feature_area {
    padding: 45px 0 20px;
    background: #f7fafd
}

.feature_area.home2 {
    padding: 80px 0 65px;
    background: #f7fafd
}

.feature_area.style2 {
    padding: 0;
    background: #fff
}

.feature_area.style2 .top-den {
    margin-top: -84px
}

.single_feature {
    border-radius: 8px;
    padding: 47px 28px 29px;
    background-color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    box-shadow: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06)
}

.single_feature_icon .icon {
    font-size: 50px;
    color: #ff6565;
    transition: .5s
}

.single_feature_content_inner h2 {
    font-size: 20px;
    transition: .5s
}

.single_feature_content_inner p {
    padding-top: 10px;
    transition: .5s
}

.shape-one {
    content: '';
    width: 250px;
    height: 250px;
    background: #d858f5;
    border-radius: 50%;
    position: absolute;
    bottom: -120px;
    right: -120px;
    transform: scale(0);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    z-index: -1
}

.shape-two {
    content: '';
    width: 373px;
    height: 373px;
    background: #c647fe;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    transform: translate(100%, 100%);
    z-index: -1
}

.shape-three {
    content: '';
    width: 500px;
    height: 500px;
    background: #a461e8;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    transform: translate(100%, 100%);
    z-index: -1
}

.feature_area.style2 .shape-one,
.feature_area.style2 .shape-three,
.feature_area.style2 .shape-two {
    display: none
}

.single_feature:hover .shape-one {
    transform: scale(1);
    webkit-transition-delay: 300ms;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.single_feature:hover .shape-two {
    opacity: .6;
    transform: translate(50%, 50%);
    webkit-transition-delay: 600ms;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.single_feature:hover .shape-three {
    opacity: .4;
    webkit-transition-delay: 900ms;
    -ms-transition-delay: 0.9s;
    transition-delay: 0.9s;
    transform: translate(50%, 50%)
}

.single_feature:hover .single_feature_content_inner h2,
.single_feature:hover .single_feature_content_inner p {
    color: #fff
}

.single_feature:hover {
    background: #ff6565
}

.single_feature:hover .single_feature_icon .icon {
    color: #fff
}

.feature_area.style3 {
    padding: 0;
    background: 0 0
}

.style3 .single_feature {
    text-align: center;
    padding: 70px 30px 60px;
    transition: 1s
}

.style3 .single_feature:hover {
    border-radius: 50%
}

.feature_area.style3 .top-den {
    margin-top: -100px
}

.service_area {
    background: #fff;
    padding: 40px 0 45px;
    text-align: justify
}

.service_area.style2 {
    background: #f7fafd
}

.single_service_inner {
    padding: 19px 0 5px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    position: relative;
    z-index: 1;
    transition: .5s;
    border-radius: 0 50px 50px 0;
    margin-bottom: 30px;
    background: #fff
}

.single_service_inner::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background: #ff6565;
    content: "";
    z-index: -1;
    border-radius: 0 50px 50px 0;
    transition: .5s;
    border: 1px transparent
}

.single_service_icon {
    float: left;
    margin-left: 15px;
    margin-right: 30px;
    margin-top: -5px
}

.single_service_icon i {
    display: inline-block;
    text-align: center;
    font-size: 25px;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    color: #fff
}

.single_service_content h4 {
    font-size: 16px;
    text-align: left;
    margin: 0 0 12px;
    transition: .5s
}

.right .single_service_inner_thumb {
    /*! margin-top: -130px; */
    /*! margin-left: -53px; */
}

.right .single_service_brg {
    position: relative
}

.right .single_service_brg_thumb {
    bottom: 104px;
    position: absolute;
    left: 49px
}

.right .single_service_inner_thumb img {
    /*! width: 650px; */
    /*! height: 450px; */
}

.left .single_service_inner_thumb {
    margin-top: -144px;
    margin-left: 71px
}

.left .single_service_brg {
    position: relative
}

.left .single_service_brg_thumb {
    bottom: -66px;
    position: absolute;
    left: -16px
}

.single_service_inner:hover .single_service_content h4 {
    color: #fff
}

.single_service_inner:hover {
    background: #ff6565
}

.single_service_inner:hover::before {
    background: #fff;
    border: 1px solid #ff6565
}

.single_service_inner:hover .single_service_icon i {
    color: #ff6565
}

.section_title {
    text-align: center;
    margin-bottom: 35px
}

.section_title.left {
    text-align: left
}

.section_title_inner h2,
.section_title_inner h3,
.section_title_inner h4 {
    font-size: 36px;
    font-weight: 600
}

.center .section_title_text {
    width: 60%;
    margin: auto;
    margin-top: 22px
}

.left .section_title_text {
    width: 50%;
    margin-top: 22px
}

.section_title.left.middle {
    margin-left: 569px;
    width: 100%
}

.left .em_bar {
    background: #9b50db none repeat scroll 0 0;
    height: 2px;
    width: 62px;
    margin: 0
}

.em_bar {
    background: #9b50db none repeat scroll 0 0;
    height: 2px;
    margin: 0 auto 5px;
    width: 80px
}

.em_bar_bg {
    height: 5px;
    width: 90px;
    background: #cbbded;
    margin: 20px auto;
    position: relative;
    border-radius: 30px
}

.em_bar_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #ff6565;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
    to {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
    to {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

.about_area {
    padding: 45px 0 85px
}

.single_about {
    margin-bottom: 30px
}

.single_about_thumb_img img {
    width: 100%
}

.single_about_content_inner {
    margin-left: 30px
}

.single_about_content_sub_title {
    padding-top: 20px
}

.single_about_content_sub_title h4 {
    font-size: 18px;
    color: #ff6565
}

.single_about_content_title {
    padding: 15px 0 20px
}

.single_about_content_title h2 {
    font-size: 28px;
    margin: 0
}

.single_about_content_text {
    padding-bottom: 22px
}

.single_about_experience_inner {
    float: left;
    margin-top: -30px
}

.single_about_experience_inner h2 {
    font-size: 65px;
    color: #ff6565;
    margin-right: 30px;
    font-weight: 700
}

.single_about_experience_content h3 {
    margin: 0;
    font-size: 22px;
}

.single_about_buttion {
    margin-top: 15px
}

.single_about_buttion a {
    background: #fff;
    color: #ff6565;
    padding: 14px 35px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    border: 2px solid #ff6565
}

.single_about_buttion .active {
    background: #ff6565;
    color: #fff;
    border: 2px solid #ff6565;
    margin-left: 15px
}

.single_about_buttion .active:before {
    background: #fff
}

.single_about_buttion a:before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #ff6565;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1
}

.single_about_buttion .active:hover {
    color: #ff6565
}

.single_about_buttion a:hover {
    color: #fff
}

.single_about_buttion a:hover:before {
    width: 180%
}

.counter_area {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #ff6565;
    padding: 95px 0 65px
}

.counter_area.style2 {
    padding: 0;
    background: 0 0;
    position: relative
}

.counter_area.style2 .top-den {
    margin-top: -60px;
    box-shadow: 11px 11px 38px rgba(0, 0, 0, .2);
    background: #fff;
    padding: 15px 0 40px
}

.single_counter_inner {
    text-align: center;
    margin-bottom: 10px
}

.single_counter_inner:hover .counter_icon i {
    background: #3b4042;
    color: #fff
}

.single_counter {
    text-align: center
}

.counter_icon {
    position: relative
}

.flotbox:hover .flotbox_inner {
    top: -434px;
    right: -111px
}

.flotbox_inner {
    position: absolute;
    width: initial;
    max-width: initial;
    top: -164px;
    right: -111px;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.flotbox_inner img {
    width: 61%
}

.counter_icon i {
    font-size: 35px;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    color: #ff6565;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
    background: #ececec;
    display: inline-block;
    -moz-transition: all .1s ease-out 0s;
    -webkit-transition: all .1s ease-out 0s;
    -ms-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.countr_text>h5 {
    display: inline-block;
    font-size: 40px;
    font-weight: 500;
    margin: 20px 0 12px;
    transition: .5s;
    color: #fff
}

.countr_text h5::after {
    content: '+'
}

.counter_title h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    transition: .5s;
    color: #fff;
    font-family: Poppins, sans-serif;
    letter-spacing: 0
}

.counter_area.style2 .countr_text>h5 {
    color: #383434
}

.counter_area.style2 .counter_title h4 {
    color: #383434
}

.feature_box_area {
    padding: 78px 0 15px
}

.single_feature_box {
    padding: 31px 25px 25px;
    -webkit-box-shadow: 0 6px 40px 0 rgba(148, 146, 245, .2);
    box-shadow: 0 6px 40px 0 rgba(148, 146, 245, .2);
    border-radius: 10px;
    position: relative;
    background: #fff;
    text-align: center;
    margin-bottom: 30px
}

.single_feature_box::before {
    content: " ";
    width: 95%;
    height: 95%;
    z-index: -3;
    position: absolute;
    top: auto;
    bottom: 1px;
    left: 1px;
    border-radius: 12px;
    background-image: linear-gradient(45deg, #9a9fff, #ff6565);
    background-repeat: repeat-x;
    outline: 1px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single_feature_box_icon {
    color: #ff6565;
    font-size: 35px;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    position: relative;
    z-index: 1;
    margin-bottom: 13px;
    background: #f6f4fd;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    display: inline-block;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important
}
.single_feature_box_content h3{
    line-height:24px;
}
.single_feature_box_content a {
    font-size: 20px;
    font-weight: 600;
    color: #383434
}

.single_feature_box_content_text {
    padding-top: 12px
}

.single_feature_box:hover .single_feature_box_icon {
    background: #ff6565;
    color: #fff
}

.single_feature_box:hover {
    background: #fff
}

.single_feature_box_content a:hover {
    color: #ff6565
}

.single_feature_box:hover::before {
    -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
    -ms-transform: rotate(2deg) translateX(-5px) translateY(16px);
    transform: rotate(2deg) translateX(-5px) translateY(16px)
}

.team_area {
    background: #f7fafd;
    padding: 76px 0 65px
}

.team_area.home3 {
    background: #fff
}

.single_team {
    margin-bottom: 30px;
    background: #fff;
    transition: .5s;
    box-shadow: 0 6px 40px 0 rgba(148, 146, 245, .2);
    padding: 35px 20px 38px;
    text-align: center;
    border-radius: 10px
}

.single_team_thumb {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 0 30px
}

.single_team_thumb img {
    text-align: center;
    margin: auto;
    border-radius: 100%;
    /*! border: 10px solid #ff6565; */
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    animation: checkAnim 2s infinite;
    margin-top: 10px
}

.single_team_content {
    background: #ff6565;
    padding: 4px 0 8px;
    border-radius: 7px
}

.single_team_content h2 {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 0;
    color: #fff
}

.single_team_content span {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400
}

.single_team_content_text {
    margin-top: 15px
}

.single_team_icon {
    transition: .5s;
    margin-top: 16px
}

.single_team_icon a {
    display: inline-block;
    font-size: 14px;
    background: #ff6565;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border-radius: 50%;
    margin: 0 2px
}

.single_team_icon a i {
    text-align: center
}

.single_team:hover {
    transform: translateY(-10px)
}

.process_area {
    padding: 48px 0 95px
}

.single_process {
    text-align: center;
    position: relative;
    transition: .5s;
    margin-bottom: 30px
}

.single_process_thumb {
    display: inline-block;
    border-radius: 100%;
    animation: checkAnim 2s infinite
}

.single_process_thumb img {
    border-radius: 100%;
    border: 10px solid #fff;
    width: 100%;
    height: 250px
}

.single_process_number_inner {
    position: relative
}

.single_process_number_inner {
    position: absolute;
    left: 0;
    top: 55%;
    height: 100%;
    width: 100%;
    margin: auto;
    transition: .5s
}

.single_process_number span {
    height: 50px;
    width: 50px;
    background: #ff6565;
    display: inline-block;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff
}

.single_process_content {
    padding-top: 30px
}

.single_process_content h2 {
    font-size: 21px;
    padding-bottom: 15px
}

.single_process:hover .single_process_number_inner {
    top: 40%
}

.pricing_area {
    background: #fff;
    padding: 80px 0 65px
}

.single_pricing {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    padding: 0 0 32px;
    transition: .5s;
    overflow: hidden;
    box-shadow: 0 8px 14.72px 1.28px rgba(207, 207, 207, .3);
    border-radius: 10px
}

.pricing_head {
    padding: 12px 0 21px;
    background: #cc1e1e
}

.pricing_title h3 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 5px
}

.pricing_tk h2 {
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    transition: .5s
}

.pricing_tk span {
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.pricing_body {
    margin-top: 40px
}

.pricing_body .featur ul li {
    display: block;
    font-size: 15px;
    margin-bottom: 18px
}

.pricing_body .deactive {
    text-decoration: line-through;
    color: #ccdcea
}

.pricing_button {
    margin-top: 33px
}

.order_now2 a {
    background: #716c6c;
    color: #eee;
    padding: 18px 55px;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    display: inline-block
}
.order_now2 a:hover {
    background: #ff6565;
    color: #fff
}
.order_now2 a::before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #ff6565;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
    transition: .5s
}
.order_now a {
    background: #716c6c;
    color: #eee;
    padding: 18px 55px;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    display: inline-block
}

.active-block .order_now a {
    background: #ff6565;
    color: #fff
}
.active.order_now a {
    background: #ff6565;
    color: #fff
}
.active.order_now a:hover {
    background: #222;
    color: #fff
}
.order_now a::before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #ff6565;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
    transition: .5s
}

.single_pricing:hover {
    transform: translateY(-10px)
}

.single_pricing:hover .order_now a::before {
    width: 180%
}

.single_pricing:hover .order_now a {
    color: #fff
}

.portfolio_area {
    padding: 78px 0 65px;
    background: #f7fafd
}

.portfolio_area .center .section_title_text {
    width: 45%
}

.portfolio_nav {
    margin-bottom: 50px
}

.portfolio_menu ul {
    text-align: center;
    list-style: none
}

.portfolio_menu ul li {
    display: inline-block;
    margin: 0 14px;
    cursor: pointer
}

.portfolio_menu ul li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    transition: .5s
}

.portfolio_menu ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 24px;
    height: 2px;
    width: 0%;
    background: #fff;
    transition: .5s
}

.single_portfolio {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    transition: .5s
}

.single_portfolio_thumb {
    transform: scale(1.01);
    transition: .5s
}

.single_portfolio_thumb::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(123, 76, 244, .8);
    opacity: 0;
    transition: .5s;
    border: 3px solid #fff;
    right: 0;
    bottom: 0;
    margin: auto
}

.single_portfolio_thumb img {
    width: 100%
}

.single_portfolio_content {
    position: absolute;
    left: 0;
    top: 70%;
    right: 0;
    text-align: center;
    background: #fff;
    width: 70%;
    margin: auto;
    border-radius: 5px;
    padding: 20px 10px;
    opacity: 0;
    transition: .5s;
    transform: translateY(-50%);
    z-index: 999
}

.single_portfolio_icon {
    text-align: center;
    padding-bottom: 10px
}

.single_portfolio_content_inner {
    text-align: center
}

.single_portfolio_content_inner h2 {
    font-size: 22px
}

.single_portfolio_content_inner h2 a {
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    font-size: 20px;
    transition: .5s
}

.single_portfolio_icon i {
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 5px;
    color: #ff6565;
    transition: .5s
}

.loade_more {
    margin-top: 50px;
    text-align: center
}

.loade_more a {
    background: #fff;
    color: #ff6565;
    padding: 11px 26px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    border: 2px solid #ff6565
}

.loade_more a:before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #ff6565;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1
}

.single_portfolio:hover .single_portfolio_thumb {
    transform: scale(1.03)
}

.portfolio_menu ul li a:hover:before {
    width: 100%
}

.single_portfolio:hover .single_portfolio_content {
    opacity: 1;
    top: 50%
}

.single_portfolio:hover .single_portfolio_thumb::before {
    opacity: 1
}

.single_portfolio_content_inner h2 a:hover {
    color: #ff6565
}

.single_portfolio_icon i:hover {
    background: #ff6565;
    color: #fff
}

.loade_more a:hover {
    color: #fff
}

.loade_more a:hover:before {
    width: 180%
}

.testimonial_area {
    padding: 10px 0 0px
}

.testimonial-user {
    padding-top: 15px
}

.testimonial-user p {
    font-size: 18px
}

.testimonial-user p span {
    font-size: 16px
}

.single_testimonial_content_text {
    box-shadow: 0 18px 17px 0 rgba(0, 0, 0, .1);
    padding: 32px 43px 20px;
    position: relative
}

.single_testimonial_content_text:before {
    content: '';
    bottom: -20px;
    top: auto;
    border-color: #fff transparent transparent #fff;
    display: block;
    position: absolute;
    left: 0;
    margin-left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px
}

.single_testimonial_thumb {
    float: left
}

.single_testimonial_thumb img {
    width: 50%;
    border-radius: 50%;
    margin: auto;
    animation: checkAnim 2s infinite
}

.single_testimonial_content_title h4 {
    font-size: 20px;
    margin-top: 30px
}

@keyframes checkAnim {
    0%,
    100% {
        box-shadow: 0 0 0 5px rgba(123, 76, 244, .8)
    }
    50% {
        box-shadow: 0 0 0 8px rgba(123, 76, 244, .8)
    }
}

.call_do_action {
    background: url(assets/images/action.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    padding: 115px 0 90px
}

.call_do_action2 {
    background: url(assets/images/action.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    padding: 45px 0 40px
}

.call_do_action::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(128, 126, 126, .79)
}

.single_call_do_action {
    padding-top: 5%
}

.single_call_do_action_title h4 {
    font-size: 43px;
    color: #fdfdfd;
    line-height: 50px
}

.cs-btn-one.btn-md {
    font-size: 14px;
    padding: 13px 39px;
    border: 2px solid #f2343c;
    border-radius: 5px;
    background: #f2343c;
    color: #fff
}

.cs-btn-one.btn-md:hover {
    border: 2px solid #fff;
    background: inherit
}

.single_call_do_action_icon {
    float: left;
    margin-right: 12px
}

.single_call_do_action_number span {
    color: #fff;
    font-size: 28px;
    font-weight: 600
}

.single_call_do_action_icon i {
    color: #fff
}

.call_do_action_button a {
    background: 0 0;
    color: #fff;
    padding: 13px 40px;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid #fff
}

.call_do_action_button a:before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #fff;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
    transition: .5s
}

.signel_call_do_action_sub p {
    color: #fff
}

.call_do_action_button a:hover {
    color: #ff6565
}

.call_do_action_button a:hover:before {
    width: 180%
}

.video-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding-top: 8px
}

.video-icon a i {
    color: #ff6565;
    font-size: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .73);
    height: 70px;
    width: 70px;
    line-height: 70px;
    transition: .5s;
    text-align: center
}

.video-icon a i:hover {
    background: #ff6565;
    color: #fff
}

.video-icon::before {
    content: "";
    position: absolute;
    left: 34px;
    top: 53%;
    height: 90px;
    width: 90px;
    background: rgba(255, 255, 255, .8);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1.5s ease-out infinite
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.blog_area {
    padding: 79px 0 37px
}

.blog_area.style2 {
    padding: 80px 0 40px
}

.single_blog {
    margin-bottom: 60px
}

.blog_area .section_title {
    margin-bottom: 80px
}

.blog_area.style2 .section_title {
    margin-bottom: 40px
}

.single_blog_thumb {
    position: relative
}

.thumb_img_border {
    position: absolute;
    left: -25px;
    top: -33px;
    bottom: 24px;
    right: 113px;
    border: 10px solid #ff6565;
    z-index: -1
}

.thumb_img_border.right {
    right: 62px;
    left: 24px
}

.single_blog_content_inner {
    margin-top: 40px
}

.single_blog_content_title a {
    font-size: 24px;
    font-weight: 600
}

.meta_box {
    padding: 9px 0 0
}

.meta_box span {
    margin-left: 60px
}

.single_blog_button {
    margin-top: 32px
}

.single_blog_button a {
    background: #ff6565;
    color: #fff;
    padding: 12px 50px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 10px;
    display: inline-block;
    border: 2px solid #ff6565
}

.single_blog_button.active a {
    border: 2px solid #ff6565;
    background: 0 0
}

.single_blog_button a:hover {
    color: #ff6565
}

.single_blog_button a:before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #fff;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
    transition: .5s
}

.single_blog_content {
    background-color: #fff;
    padding: 30px 20px 40px;
    margin: 45px 0 15px;
    -webkit-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -moz-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -ms-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -o-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    border-radius: 0 0 40px 0;
    position: relative
}

.meta_box i {
    color: #ff6565
}

.single_blog_button.active a:before {
    background: #ff6565
}

.single_blog_button.active a {
    color: #ff6565
}

.single_blog_button.active a:hover {
    color: #fff
}

.single_blog_button a:hover:before {
    width: 180%
}

.subscribe_area {
    background: url(assets/images/bg-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 68px 0;
}


.single_subscribe_content_title h4 {
    font-size: 31px;
    color: #fff;
    margin: 0;
    padding-bottom:15px;
}

.single_subscribe_contact {
    background: #fff;
    padding: 16px 16px;
    border-radius: 5px
}

.single_subscribe_contact .subscribe_form input {
    font-size: 14px;
    height: 55px;
    padding-left: 40px;
    position: relative;
    width: 64%;
    background: #eef5fc;
    border: 0;
    margin-bottom: 14px;
    margin: auto;
    border-radius: 5px
}

.single_subscribe_contact .subscribe_button button {
    text-align: center;
    border: medium none;
    border-radius: 5px;
    font-size: 15px;
    background: #ff6565;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    margin: auto;
    position: absolute;
    right: 32px;
    bottom: 18px;
    height: 60px;
    display: inline-block;
    letter-spacing: 1px;
    width: 30%;
    cursor: pointer;
    font-weight: 500
}

.single_subscribe_contact .subscribe_button button:hover {
    background: #383434
}

.service-area.flipbox {
    padding: 100px 0 70px
}

.flipbox .section-main-title h1 {
    color: #fff
}

.flipbox .section-sub-title h6 {
    color: #fff
}

.flipbox .section-title {
    margin-bottom: 30px
}

.em-service-flipbox {
    perspective: 1000px;
    position: relative;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    z-index: 1
}

.em-service-flipbox .service-flipbox-back,
.em-service-flipbox .service-flipbox-font {
    min-height: 250px;
    height: auto;
    box-shadow: 0 1px 51.3px 5.7px rgba(137, 143, 156, .15);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform .7s ease, -webkit-transform .7s ease;
    position: relative
}

.em-service-flipbox .service-flipbox-back::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent -5%, #00247e)
}

.em-service-flipbox .service-flipbox-font {
    background: linear-gradient(to top, transparent 5%, #0c5adb)
}

.em-service-flipbox .service-flipbox-inner {
    text-align: center;
    padding: 0 25px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    perspective: inherit;
    -webkit-perspective: inherit;
    outline: transparent solid 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    transform: translateY(-50%) translateZ(60px) scale(.94);
    z-index: 2
}

.service-flipbox-icon {
    font-size: 45px;
    text-align: center;
    display: inline-block;
    color: #fff;
    overflow: hidden
}

.service-flipbox-font .em-service-desc p {
    color: #fff
}

.em-service-flipbox .em-service-title h3 {
    font-size: 22px;
    padding-bottom: 13px;
    text-transform: capitalize;
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    color: #fff
}

.em-service-flipbox .service-flipbox-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 2px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.em-service-flipbox .service-flipbox-back .service-batton a {
    color: #fff;
    text-transform: capitalize;
    margin-top: 22px;
    background: 0 0;
    color: #fff;
    display: inline-block;
    padding: 3px 25px;
    border-radius: 30px;
    border: 2px solid #fff;
    transition: .5s
}

.service-flipbox-back .em-service-desc p {
    color: #fff
}

.em-service-flipbox .service-flipbox-back .service-batton a i {
    display: none
}

.em-service-flipbox .service-flipbox-back .em-service-title h3 {
    padding-bottom: 16px;
    padding-top: 0;
    color: #fff;
    margin-bottom: 0
}

.em-service-flipbox .service-flipbox-back .em-service-desc,
.em-service-flipbox .service-flipbox-font .em-service-desc {
    color: #fff
}

.em-service-flipbox.style2 {
    position: relative
}

.style2.em-service-flipbox .service-flipbox-font::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent -5%, #00247e)
}

.em-service-flipbox.style2 .service-flipbox-font .service-batton a {
    color: #fff;
    text-transform: capitalize;
    margin-top: 22px;
    background: 0 0;
    color: #fff;
    display: inline-block;
    padding: 3px 25px;
    border-radius: 30px;
    border: 2px solid #fff;
    transition: .5s
}

.em-service-flipbox.style2 .service-flipbox-font .em-service-desc p {
    color: #fff
}

.em-service-flipbox.style2 .service-flipbox-back::before {
    background: linear-gradient(to top, transparent 5%, #0c5adb)
}

.em-service-flipbox.style2 .em-service-desc p {
    color: #fff
}

.home2 .em-service-flipbox .service-flipbox-font {
    background: 0 0;
    border: 1px solid #0c5adb;
    border-radius: 8px
}

.home2 .em-service-flipbox .service-flipbox-back {
    border-radius: 8px;
    overflow: hidden
}

.home2 .service-flipbox-font .em-service-desc p {
    color: #fff
}

.service-area.home3 {
    background: #eff2f7
}

.em-service-flipbox:hover .service-flipbox-font {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.em-service-flipbox:hover .service-flipbox-back {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.em-service-flipbox .service-flipbox-back .service-batton a:hover {
    color: #fff;
    border-color: #0c5adb;
    background: #0c5adb
}

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

.contact_now_area {
    background: #f7f6f6;
    padding: 30px 0 40px
}

.red {
    color: #ff6565
}

.single_contact_now {
    text-align: center;
    background: #fff;
    padding: 30px 30px 30px;
    margin-bottom: 30px;
    border-radius: 5px
}

.single_contact_now_inner {
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: .5s
}

.single_contact_now:hover .single_contact_now_inner {
    border: 2px solid #ff6565
}

.single_contact_now_icon {
    padding-top: 24px
}

.single_contact_now_icon i {
    font-size: 40px;
    color: #ff6565
}

.single_contact_now_content {
    padding-bottom: 15px
}

.single_contact_now_content h4 {
    font-size: 22px;
    padding-bottom: 12px
}

.single_contact_now_content p {
    padding: 0;
    margin: 0;
    margin-bottom: 6px
}

.contact_area {
    padding: 21px 0 60px
}

.form_field_inner {
    width: 100%;
    float: left
}

.contact_form2 .form_field_inner input {
    width: 97%;
    background: 0 0;
    border: 1px solid #ddd;
    height: 52px;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 14px
}

.contact_form2 .text_area .form_field_inner_text textarea {
    width: 98.4%;
    height: 200px;
    background: 0 0;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 14px;
    padding-top: 25px
}

.contact_form2 .form_field_inner input:focus,
.contact_form2 .form_field_inner_text textarea:focus {
    border: 1px solid #ff6565;
    background: 0 0
}

.contact_form2 .form_field_inner select {
    width: 97%;
    background: 0 0;
    border: 1px solid #ddd;
    height: 52px;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 14px
}

.contact_button2 {
    background: #ff6565 !important;
    border: 2px solid #ff6565 !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding: 10px 30px !important;
    text-transform: uppercase;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: inherit !important;
    margin-top: 10px !important;
    cursor: pointer !important;
    display: block !important
}

.contact_button2:hover {
    background: 0 0 !important;
    border-color: #ff6565 !important;
    color: #ff6565 !important
}

.map {
    width: 100%;
    margin: 0;
    height: 410px;
    border: 1px solid #ddd;
    border-radius: 10px
}

.footer-middle {
    padding: 71px 0 93px;
    position: relative;
    background-image: url(assets/images/footer-bg.png)
}

.footer_quote_decripsition_inner {
    padding-top: 8px
}

.footer-middle .widget h2 {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 20px;
    text-transform: capitalize
}

.em_form_title h3 {
    font-size: 23px;
    font-weight: 500;
    padding-bottom: 37px;
    padding-top: 16px
}

.social_media h3 {
    font-size: 23px;
    padding-bottom: 16px;
    margin-top: 0;
    font-weight: 500
}

.social_media a {
    background: 0 0;
    border-radius: 5px;
    color: #ff6565;
    display: block;
    font-size: 17px;
    height: 35px;
    line-height: 33px;
    margin-bottom: 0;
    margin-right: 8px;
    text-align: center;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 35px;
    border: 1px solid #ff6565;
    display: inline-block
}

.social_media a:hover {
    background: #ff6565;
    border-color: #ff6565;
    color: #fff
}

.quick-post-text i {
    color: #fff;
    background: #ff6565;
    height: 17px;
    width: 17px;
    line-height: 17px;
    text-align: center;
    transition: .5s;
    margin-right: 10px;
    font-size: 13px
}

.quick-post-text .rcomment i {
    margin-right: 5px
}

.footer-middle .quick-post-text h4 a {
    font-weight: 400;
    font-size: 14px;
    transition: .5s;
    line-height: 20px
}

.quick-post-text h4 {
    text-transform: uppercase;
    font-size: 16px;
    transition: .5s;
    padding-bottom: 6px
}

.footer-middle .quick-post-text h4:hover {
    margin-left: 10px
}

.single-widget-item {
    overflow: hidden
}

.recent-post-item {
    clear: both
}

.recent-post-image a {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 5px
}

.recent-post-text a {
    color: #333;
    font-size: 14px
}

.recent-post-text a:hover {
    color: #ff6565
}

.recent-post-text .rcomment i {
    margin-right: 5px
}

.recent-post-text .rcomment {
    color: #333
}

.recent-post-item {
    clear: both;
    transition: .5s
}

.recent-post-image img {
    max-width: 87%
}

.recent-post-text {
    overflow: hidden
}

.recent-post-text>h4 {
    margin-bottom: 0
}

.footer-middle .recent-post-text h4 a {
    color: #fff;
    font-weight: 500;
    font-size: 15px
}

.footer-middle .recent-post-text .rcomment {
    color: #fff;
    font-size: 13px;
    font-weight: 400
}

.footer-middle .rcomment.recent-post-text>h4 {
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 1;
    margin-top: 0
}

.footer-middle .rssSummary,
.footer-middle .tagcloud a,
.footer-middle .textwidget p,
.footer-middle .widget .screen-reader-text,
.footer-middle .widget ul li,
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before,
.footer-middle caption,
.footer-middle cite,
.footer-middle span.comment-author-link,
.footer-middle span.rss-date,
.footer-middle table,
.footer-middle table td a {
    color: #fff
}

.footer-middle .widget ul {
    list-style: none
}

.footer-middle .widget ul li {
    margin-bottom: 17px;
    list-style: none
}

.menu-quick-link-container ul li i {
    background: #ff6565;
    height: 17px;
    width: 17px;
    text-align: center;
    margin-right: 10px;
    transition: .5s;
    line-height: 17px;
    font-size: 13px
}

.menu-quick-link-container ul li i:hover {
    background: #ff6565
}

.footer-middle .widget ul li a,
.footer-middle .widget ul li:before {
    -webkit-transition: .5s;
    transition: .5s
}

.footer-middle .widget ul li a:hover {
    color: #ff6565
}

.quote_form_inner {
    padding-top: 6px
}

.quote_form_field input {
    font-size: 14px;
    height: 40px;
    padding: 5px 15px;
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #999;
    transition: .3s
}

.quote_form_field input:focus {
    border-color: #ff6565
}

.quote_form_field textarea {
    width: 100%;
    height: 85px;
    border: 0;
    padding-left: 15px;
    border-radius: 5px;
    color: #fff;
    background-color: #ff6565
}

.quote_button {
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 50px;
    border: medium none;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 20px;
    background: #ff6565;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.widget_quote_text ul li i {
    float: left;
    margin-right: 10px;
    padding-top: 4px;
    font-size: 18px
}

.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
    color: #ff6565
}

.blog-grid .recent-post-text>h4 {
    margin-bottom: 3px;
    line-height: 18px
}

.blog-grid .recent-post-text .rcomment {
    color: #6d6d6d;
    font-size: 12px
}

.footer-bottom {
    background: #3b4042 none repeat scroll 0 0;
    padding: 0 0 15px
}

.footer-bottom .admin {
    /*! background: #fff; */
    padding: 15px 30px 5px
}

.copy-right-text p {
    font-size: 14px;
    margin: 1px 0 0;
    padding: 0;
    color: #fff
}
.copy-right-text p a{
    color: #ff6565;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

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

.footer-menu ul li a {
    color: #e6e7ec;
    margin-left: 10px;
    text-align: center;
    font-size: 15px;
    transition: .3s
}

.footer-menu ul li a:hover {
    color: #111
}

.footer-menu ul li:last-child a {
    padding-right: 0
}

.footer_style_3 .footer-menu ul li:first-child a {
    padding-left: 0
}

.blog-details-area {
    background: #fff
}

.blog_area.left-sidebar {
    background: #fff
}

.solve-blog-thumb img {
    transform: scale(1.01);
    transition: .5s;
    width: 100%
}

.solve-single-blog.admin:hover .solve-blog-thumb img {
    transform: scale(1.2)
}

.left-sidebar .solve-single-blog {
    box-shadow: 0 7px 16px rgba(0, 0, 0, .15);
    margin-bottom: 30px
}

.left-sidebar .solve-blog-thumb {
    overflow: hidden
}

.left-sidebar .em-blog-content-area {
    padding: 0 20px 20px
}

.left-sidebar .blog-page-title h2 {
    font-size: 18px;
}

.blog-page-datetime {
    background: #fff;
    width: 62%;
    padding: 12px 0 10px;
    border-radius: 0;
    position: relative;
    margin-top: -45px;
    padding-left: 24px
}

.blog-page-datetime span {
    font-size: 18px
}

.left-sidebar .blog-page-title a {
    color: #0d1218;
    font-weight: 600
}

.blog-page-content-text p {
    color: #0d1218
}

.left-sidebar .solve-blog-meta-left {
    padding: 13px 0 16px
}

.left-sidebar.blog2 .em-blog-content-area {
    padding: 0 22px 15px
}

.left-sidebar.blog2 .solve-blog-meta-left span {
    margin-right: 15px
}

.left-sidebar.blog2 .solve-blog-meta-left i {
    margin-right: 6px
}

.left-sidebar.blog2 .blog-page-title {
    padding-top: 6px
}

.left-sidebar.blog2 .solve-blog-thumb img {
    width: 100%
}

.blog_details {
    box-shadow: 0 7px 16px rgba(0, 0, 0, .15);
    padding: 15px 20px
}

.blog_dtl_thumb img {
    width: 100%
}

.blog_dtl_content h2 {
    color: #0d1218;
    font-size: 30px;
    padding-top: 25px
}

.blog_dtl_content a {
    color: #0d83bd
}

.solve-blog-meta-left {
    padding: 12px 0 15px
}

.solve-blog-meta-left span {
    color: #ff6565;
    margin-right: 12px
}

.solve-blog-meta-left span a {
    color: #0d1218
}

.solve-blog-meta-left span a:hover {
    color: #ff6565
}

.solve-blog-meta-left i {
    margin-right: 10px
}

.blog_dtl_content p {
    color: #0d1218
}

.blog_dtl_content h3 {
    color: #0d1218;
    padding: 10px 0 13px;
    font-size: 25px
}

.blog_dtl_content h4 {
    color: #0d1218;
    padding: 10px 0 13px;
    font-size: 22px
}

.blog_dtl_content ul {
    padding-left: 15px;
    padding-top: 10px
}

.blog_dtl_content ul li {
    color: #0d1218;
    padding-bottom: 10px
}

.blog_dtl_content ol {
    padding-left: 15px
}

.blog_dtl_content ol li {
    color: #0d1218
}

.request_form_title h2 {
    color: rgba(221, 221, 221, .79);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 47px 0 7px
}

.request_form_title h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 40px;
    text-transform: uppercase;
    margin: 0
}

.blog_reply .form_field {
    width: 100%
}

.blog_reply .form_field_inner {
    width: 50%;
    float: left
}

.blog_reply .form_field_inner input,
.blog_reply .form_field_inner textarea {
    width: 95%;
    background: #f7fafd;
    border: 0;
    height: 50px;
    padding-left: 15px;
    color: #383434;
    margin-bottom: 20px
}

.blog_reply .text_area .form_field_inner {
    width: 100%
}

.blog_reply .text_area .form_field_inner textarea {
    width: 97.5%;
    height: 150px;
    padding-top: 15px
}

.blog_reply .contact_button button {
    background: #ff6565;
    border: 0;
    color: #fff;
    padding: 12px 38px;
    cursor: pointer;
    letter-spacing: 1px
}


.team_details_area {
    padding: 95px 0 65px;
    background: #f7fafd;
}

.single_team_details {
    text-align: center;
    padding: 32px 0 18px;
    box-shadow: 0 10px 30px 0 rgba(17, 12, 79, .1);
    background: #fff;
    margin-bottom: 30px;
}

.single_team_details_content_inner {
    padding: 10px 0 15px;
}

.single_team_details_content_inner h2 {
    font-size: 24px
}

.single_team_details_content_inner span {
    color: #ff6565
}

.single_team_details_icon a {
    font-size: 16px;
    background: #ff6565;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 5px;
    margin: 3px
}

.single_team_details_phone {
    padding-top: 20px
}

.single_team_details_phone_icon i {
    font-size: 30px;
    color: #ff6565
}

.single_team_details_phone .number p {
    font-size: 18px
}

.single_team_details_overview {
    margin-left: 30px
}

.single_team_details_overview_content_text .overview_text {
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 5px
}

.team_details_skill {
    margin-bottom: 34px;
    padding-top: 15px
}

.team_details_skill p b {
    display: inline-block;
    width: 170px;
    font-weight: 600;
    font-size: 16px
}

.team_details_skill p span {
    width: 170px
}

.skill_area {
    padding: 80px 0 70px
}

.our_skill {
    margin-bottom: 30px
}

.skill-wrapper h5 {
    font-size: 18px;
    padding: 15px 0 12px
}

.appointment {
    position: relative
}

.sign-up-form-wrap {
    background: #f4f7fa;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    position: absolute;
    left: 0;
    top: 130px;
    width: 100%
}
.sign-up-form .form-control {
    height: 45px;
    padding: 10px;
}
.form-group .btn {
    background: #ff6565;
    color: #fff;
    padding: 11px 0;
    width: 100%;
    font-size:14px;
}
.form-group .btn:hover{
    background: #666;
}

.brand_area {
    background: #fff;
    padding: 70px 0 42px
}

.single_brand {
    position: relative;
    text-align: center;
    border-radius: 10px;
    background-color: #ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single_brand_thumb img {
    position: relative;
    display: inline-block;
    margin:0px auto;
    width: auto;
    max-width: 100%;
    opacity: 0.9;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.single_brand:hover .single_brand_thumb img {
    opacity: 1
}

.error_page_area {
    padding: 65px 0 98px
}

.single_error_inner {
    text-align: center
}

.single_error_inner h1 {
    font-size: 150px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 30px
}

.single_error_inner h1 span {
    color: #ff6565
}

.single_error_inner h2 {
    padding-bottom: 16px;
    font-size: 28px
}

.single_error_button {
    margin-top: 30px
}

.single_error_button a {
    background: #fff;
    color: #ff6565;
    padding: 11px 26px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    border: 2px solid #ff6565
}

.single_error_button a:before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #ff6565;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1
}

.single_error_button a:hover {
    color: #fff
}

.single_error_button a:hover:before {
    width: 180%
}

.input-group.error-page form {
    width: 64%
}

.input-group.error-page input:focus {
    border: 2px solid #ff6565 !important;
    background: 0 0
}

#scrollUp {
    background: #ff6565 none repeat scroll 0 0;
    bottom: 30px;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    width: 40px;
    border-radius: 50%
}

.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg)
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg)
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg)
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0, 0) rotate(0)
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0)
    }
}

.about-image {
    position: relative
}

.about-image .experience {
    position: absolute;
    left: -5px;
    bottom: 45px;
    padding: 45px 45px;
    background: #243b60;
    max-width: 300px;
    z-index: 2;
    animation: infiUpDown 6s infinite alternate
}

.about-image .experience h2 {
    color: #fff;
    font-weight: 900;
    font-size: 80px;
    line-height: 55px
}

.about-image .experience h2 span {
    color: #fff;
    font-weight: 800;
    font-size: 32px;
    display: block;
    text-transform: capitalize;
    line-height: 38px;
    margin-top: 30px
}

.about-icon-box {
    background: #fff;
    padding: 30px 15px 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1);
    -khtml-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1);
    -moz-transition: all .1s ease-out 0s;
    -webkit-transition: all .1s ease-out 0s;
    -ms-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.about-icon-box:hover {
    background: #f2343c;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about-icon-box:hover .icon span:before,
.about-icon-box:hover .title {
    color: #fff
}

.about-icon-box .icon span:before {
    font-size: 38px;
    color: #f2343c;
    -moz-transition: all .1s ease-out 0s;
    -webkit-transition: all .1s ease-out 0s;
    -ms-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.about-icon-box .icon span {
    margin-bottom: 15px;
    display: inline-block
}

.about-icon-box .title {
    font-size: 16px;
    -moz-transition: all .1s ease-out 0s;
    -webkit-transition: all .1s ease-out 0s;
    -ms-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.about-image img {
    width: 470px;
    margin-top: 40px
}

.feature_box_area a.btn-style-one {
    margin-top: 15px
}

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 10px 28px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 3px;
    letter-spacing: 1px;
    border: 2px solid #f2343c;
    background-color: #f2343c;
    text-transform: capitalize;
    box-shadow: 0 10px 25px rgba(234, 58, 96, .15)
}

.btn-style-one:hover {
    background: 0 0;
    color: #f2343c;
    box-shadow: none
}

.form-control {
    box-shadow: none;
    outline: 0;
    border: 1px solid #dfdce6;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: Poppins, sans-serif;
    color: #243b60;
    height: auto;
    padding: 20px;
    resize: none;
    min-width: 100%;
    height: 56px
}

textarea.form-control {
    min-height: 210px
}

.form-control:focus {
    border-color: #e41f7a
}

.contact-form textarea {
    display: inline-block;
    min-height: 210px
}

.contact-form input[type=email],
.contact-form input[type=password],
.contact-form input[type=text],
.contact-form textarea {
    background: #f3f4f8;
    border: 1px solid #e3e3e3
}

.contact-form .form-control:focus {
    border-color: #f2343c;
    background: #fff
}

.request-a-call-back-form-vertical {
    background: #21bf73;
    padding: 65px 50px 70px 50px
}

.request-a-call-back-form .form-control {
    margin-bottom: 25px
}

.request-a-call-back-form-vertical.form-control {
    margin-bottom: 20px
}

.request-a-call-back-form-vertical .custom-select-categories {
    background-color: #fff;
    color: #243b60;
    height: 56px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 15px;
    border: 1px solid #dfdce6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none
}

.request-a-call-back-form-vertical-two {
    padding: 30px 30px 40px 30px
}

.request-a-call-back-form-vertical-two {
    background: #a6c1cd
}

.request-a-call-back-form-vertical-two.form-control {
    margin-bottom: 20px
}

.request-a-call-back-form-vertical-two .custom-select-categories {
    background-color: #fff;
    color: #243b60;
    height: 56px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 15px;
    border: 1px solid #dfdce6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none
}

.request-a-call-back-form .custom-select-categories {
    background-color: #fff;
    color: #243b60;
    height: 56px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 15px;
    border: 1px solid #dfdce6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none
}

.request-a-call-back-form.sidebar {
    background: #243b60;
    padding: 30px
}

select {
    width: 268px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 5px;
    height: 34px;
    background: url(../images/down-arrow.png) no-repeat right #ddd;
    -webkit-appearance: none;
    background-position-x: 96%
}

.slide .item>img {
    height: 400px
}

.business-block {
    position: relative;
    margin-bottom: 30px
}
@media(min-width: 1199px){
    .business-block .inner-box{
        min-height: 380px;
    }
    .seo_page .business-block .inner-box{
        min-height: 180px;
    }
}
.business-block .inner-box {
    position: relative;
    text-align: center;
    border-radius: 2px;
    padding: 20px 10px 20px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 20px 25px rgba(34, 33, 33, .15)
}
.business-block .inner-box p{
    line-height: 24px;
    margin-top: 15px;
    font-size: 15px;
}
.business-block .inner-box:hover {
    box-shadow: 0 20px 30px rgba(171, 7, 42, .1)
}

.business-block .inner-box h4 {
    position: relative;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 600;
    font-family: Arvo;
    margin-top: 17px;
    color: #222;
}
.business-block .inner-box h4 span{
    color: #ff6565;
    font-size: 26px;
    display: block;
}
.business-block .inner-box h4 a {
    color: #222;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.business-block .inner-box h4 a:hover {
    color: #ea3a60
}

.business-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 3px;
    height: 0;
    background-color: #ff6565;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.business-block .inner-box:hover:before {
    height: 100%
}

.business-block .inner-box .icon-box {
    position: relative;
    font-size: 52px;
    color: #24b5f1;
    line-height: 1em
}
.business-block .inner-box .icon-box img{
    
}
.business-block .inner-box .text {
    position: relative;
    color: #7c8799;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 15px;
    font-family: ProductSans-Regular
}

.business-block.style-2 .inner-box .icon-box {
    color: #ea3a60
}

.business-block.style-2 .inner-box:before {
    background-color: #ea3a60
}
.elementor-image-box-content {
    margin-top: 30px;
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    -khtml-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    -o-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    -moz-transition: all .1s ease-out 0s;
    -webkit-transition: all .1s ease-out 0s;
    -ms-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    padding: 25px 20px
}

.elementor-image-box-content.right {
    text-align: right
}

.elementor-image-box-content.left {
    text-align: left
}

.elementor-image-box-content h4 {
    font-size: 20px
}

.elementor-image-box-content p {
    font-size: 13px;
    line-height: 22px;
    padding-top: 5px
}

.single_service_brg_thumb img {
    width: 98%
}

.about-section {
    padding: 1px 0 75px
}

.title-under-line {
    font-size: 39px;
    line-height: 38px;
    font-weight: 800
}

.theme_color {
    color: #ea3a60
}

.theme_btn2 {
    color: #fff;
    background: linear-gradient(to right, #fa7c41 0, #ff6565 100%);
    border-radius: 30px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .8px;
    -moz-transition: all .1s ease-out 0s;
    -webkit-transition: all .1s ease-out 0s;
    -ms-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.theme_btn2:hover {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .15);
    color: #fff
}

.item blockquote {
    padding: 50px 85px
}

.yella-line {
    background-color: #ff6565;
    width: 95px;
    height: 4px;
    margin-top: 5px;
    margin-bottom: 15px
}

.single_blog_content2 {
    background-color: #fff;
    padding: 20px 20px 30px 20px;
    margin: 25px 0 15px;
    position: relative;
    border: 1px solid #111;
    display:inline-block;
}
.single_blog_content2 > p{
    font-size: 15px;
}
.single_blog_content2 img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%
}

.single_blog_content2 span {
    font-size: 23px
}

.modal-open .modal {
    background-color: rgba(47, 46, 46, .5)
}

.main-timeline:after {
    content: '';
    display: block;
    clear: both
}

.main-timeline .timeline {
    margin: 0 -15px
}

.main-timeline .timeline-content {
    color: #fff;
    text-align: center;
    display: block
}

.main-timeline .timeline-content:hover {
    text-decoration: none;
    color: #ff6565
}

.main-timeline .timeline-year {
    font-size: 40px;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0 0 60px;
    border-bottom: 2px solid #555;
    position: relative;
    z-index: 1
}

.main-timeline .timeline-year:after,
.main-timeline .timeline-year:before {
    content: '';
    background: radial-gradient(#fff, #fe6860, #fa7a44);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: -10px
}

.main-timeline .timeline-year:after {
    background: #555;
    height: 55px;
    width: 3px;
    border-radius: 0;
    bottom: -55px;
    z-index: -1
}

.main-timeline .timeline a:hover {
    cursor: pointer
}

.main-timeline .inner-content {
    background-color: #817f7f;
    padding: 30px 10px 10px;
    margin: 0 10px;
    -webkit-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -moz-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -ms-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -o-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    position: relative;
    min-height: 260px
}

.main-timeline .inner-content:after,
.main-timeline .inner-content:before {
    content: '';
    background: rgba(0, 0, 0, .2);
    height: 40px;
    width: 25px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -25px
}

.main-timeline .inner-content:after {
    background-color: #555;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    top: -20px
}

.main-timeline .timeline-icon {
    font-size: 50px;
    transition: all .3s
}

.main-timeline .timeline:hover .timeline-icon {
    transform: rotateY(360deg)
}

.main-timeline .title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 10px 0 6px 0
}

.main-timeline .description {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 23px
}

@media screen and (max-width:767px) {
    .main-timeline .timeline {
        margin: 0 0 15px
    }
}

.animated-slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.delay-1 {
    animation-delay: NaNs
}

.frame {
    height: 667px
}

.loader {
    position: absolute;
    width: 105px;
    animation: fadeIn 2s
}

.loader-ring {
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/61488/loader-stars.jpg') no-repeat center center;
    background-size: 95px 95px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 10px solid #d81f44
}

.rocket-wrapper {
    position: absolute;
    left: 34px;
    top: -30px;
    height: 200px
}

.rocket {
    width: 37px;
    height: auto
}

.trail-wrapper {
    position: absolute;
    top: 78px;
    left: 13px;
    width: 12px;
    height: 44px;
    transform: none;
    transform-origin: top center;
    z-index: -1
}

.trail {
    width: 12px;
    height: auto;
    transform: translateZ(0);
    animation: jet 20ms ease alternate infinite;
    transform-origin: top center
}

.clouds-wrapper {
    position: absolute;
    top: 13px;
    left: 10px;
    width: 88px;
    height: 85px
}

.clouds {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92px
}

.cloud {
    animation: kaboom .4s ease alternate infinite;
    transform-origin: center center;
    opacity: .9
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes kaboom {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.2)
    }
}

@keyframes jet {
    0% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1.2)
    }
}

.solve_nav_manu.sticky {
    background: #fff
}

.slider_text_inner h1,
.slider_text_inner p {
    color: #383434
}

.slider_button_inner a {
    color: snow;
    background: #232223
}

.item {
    /*! border-bottom: 1px solid #e0dbdb; */
}

.carousel-control {
    color: #ff6565
}

.carousel-control.left {
    background-image: inherit !important
}

.carousel-control.right {
    background-image: inherit !important
}

.pb-40 {
    padding-bottom: 40px
}

.mb-40 {
    padding-bottom: 40px
}

.fw-600 {
    font-weight: 600
}

.fw-300 {
    font-weight: 300
}

.mega-menu {
    padding: 10px 10px !important;
    width: 980px !important;
    border-radius: 0;
    margin-top: 0;
    left: -260px !important
}

.mega-menu li {
    display: block;
    float: left;
    font-size: .94rem;
    padding: 3px 0;
    width: 100%
}

.mega-menu li a:hover {
    background-color: transparent !important;
    color: #f2343c !important
}

.mega-menu li a {
    font-size: 14px !important
}

.mega-menu li a:hover span {
    background-color: #f2343c;
    color: #fff !important
}

.mega-menu li a span {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    background-color: #111;
    margin-right: 15px;
    border-radius: 50%
}

.mega-menu li:hover {
    background-color: transparent !important
}

.dropdown-menu {
    display: none !important
}

.mega-menu li.mega-menu-column {
    margin-right: 20px;
    width: 300px
}

.mega-menu .nav-header {
    padding: 0 !important;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.mega-menu img {
    padding-bottom: 10px
}

.service_single_thumb2 img {
    width: 90%;
    margin-left: 25px
}

.single_point span {
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding-top: 11px;
    background: linear-gradient(to right, #fa7c41 0, #ff6565 100%);
    border-radius: 50%;
    margin-top: 19px
}

.single_point h4 {
    color: #383434;
    font-size: 21px;
    font-weight: 600;
    line-height: 35px
}

.single_point.left .media-body {
    padding-left: 10px
}

.about_box h5 {
    color: #383434;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    padding-bottom: 9px
}

.about_box {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 20px 18px 20px;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.about_box:hover {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .29);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .29);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .29);
    -o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .29);
    padding: 10px 18px 20px
}

.about_box p {
    line-height: 22px;
    font-size: 14px;
    text-align: justify
}

.team_area .main-timeline {
    padding-top: 50px;
    overflow: hidden;
    position: relative
}

.team_area .main-timeline:before {
    content: "";
    width: 7px;
    height: 100%;
    background: #383434;
    margin: 0 auto;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0
}

.team_area .main-timeline .timeline {
    width: 50%;
    float: left;
    padding: 20px 60px;
    border-top: 7px solid #383434;
    border-right: 7px solid #383434;
    border-radius: 0 30px 0 0;
    position: relative;
    right: -3.5px
}

.team_area .main-timeline .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #e84c47;
    border: 1px solid #fff;
    text-align: center;
    font-size: 25px;
    color: #fff;
    box-shadow: 0 0 0 2px #e84c47;
    position: absolute;
    top: -30px;
    left: 0
}

.team_area .main-timeline .timeline-content {
    display: block;
    padding: 30px 20px 20px;
    border-radius: 20px;
    background: #968d86;
    color: #fff;
    position: relative
}

.team_area .main-timeline .timeline-content:hover {
    text-decoration: none;
    color: #fff
}

.team_area .main-timeline .timeline-content:after,
.team_area .main-timeline .timeline-content:before {
    content: "";
    display: block;
    width: 10px;
    height: 50px;
    border-radius: 10px;
    background: #968d86;
    border: 1px solid #fff;
    position: absolute;
    top: -35px;
    left: 50px
}

.team_area .main-timeline .timeline-content:after {
    left: auto;
    right: 50px
}

.team_area .main-timeline .title {
    font-size: 24px;
    margin: 0;
    color: #fff
}

.team_area .main-timeline .description {
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
    color: #fff
}

.team_area .timeline:hover .icon {
    background: #383434;
    border: 1px solid #fff !important;
    box-shadow: 0 0 0 2px #383434
}

.team_area .main-timeline .timeline:nth-child(2n) {
    border-right: none;
    border-left: 7px solid #383434;
    border-radius: 30px 0 0 0;
    right: auto;
    left: 11.5px
}

.team_area .main-timeline .timeline:nth-child(4n) {
    border-right: none;
    border-left: 7px solid #383434;
    border-radius: 30px 0 0 0;
    right: auto;
    left: -3.5px
}

.team_area .main-timeline .timeline:nth-child(2n) .icon {
    left: auto;
    right: 0
}

.team_area .main-timeline .timeline:nth-child(2) {
    margin-top: 130px
}

.team_area .main-timeline .timeline:nth-child(odd) {
    margin: -130px 0 30px 0
}

.team_area .main-timeline .timeline:nth-child(even) {
    margin-bottom: 80px
}

.team_area .main-timeline .timeline:first-child,
.team_area .main-timeline .timeline:last-child:nth-child(even) {
    margin: 0 0 30px 0
}

@media only screen and (max-width:480px) {
    .team_area .main-timeline .title {
        font-size: 18px
    }
}

.service_lft {
    padding: 23px 25px;
    background-color: #fff;
    position: relative;
    z-index: 10;
    box-shadow: 2px 2px 5px #a5a5a5;
    font-weight: 300;
    line-height: 1.6
}

.service_lft p {
    font-size: 15px;
    line-height: 25px
}

.divider {
    display: inline-block;
    border: 0;
    font-size: 0;
    line-height: 0;
    height: 3px;
    max-width: 100px;
    width: 100%;
    background-color: #ff6565
}

.box-lucy {
    position: relative;
    padding: 30px 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border: 2px solid #e8e8e8;
    text-align: center;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s
}

.box-lucy:hover {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2)
}

.box-lucy::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #66b6d0;
    transition: .33s;
    pointer-events: none;
    transform: scale3d(1.08, 1.08, 1.08);
    opacity: 0;
    visibility: hidden
}

.box-lucy:hover span {
    color: #fff
}

.box-lucy:hover .icon_outer {
    border: 3px solid #ff6565;
    background-color: #ff6565;
    color: #fff
}

.box-lucy h5 {
    padding-bottom: 5px
}

.icon_outer {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #383434;
    background-color: #fff;
    padding-top: 22px;
    text-align: center;
    margin: 0 auto
}

.icon_outer span {
    font-size: 31px;
    color: #ff6565
}

.bold2 {
    font-size: 17px;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #111
}

.advantage ul {
    margin-bottom: 15px
}

.advantage ul li::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f14a";
    position: absolute;
    top: 4px;
    left: 0;
    color: #f2343c;
    font-size: 26px;
    line-height: 20px
}

.advantage ul li {
    position: relative;
    display: block;
    padding-left: 35px;
    font-size: 16px;
    padding-bottom: 17px
}

.blogs-main .blog-head {
    position: relative
}

.blogs-main .blog-head img {
    display: block;
    width: 100%;
    height: 250px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 3
}

.blogs-main .blog-bottom {
    position: relative;
    padding: 0 10px
}

.blogs-main .blog-inner {
    position: relative;
    height: 280px;
    top: -65px;
    z-index: 33;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    margin-bottom: -32px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.single-blog {
    min-height: 405px
}

.blogs-main .single-blog:hover .blog-inner {
    top: -90px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .35)
}

.blogs-main .single-blog:hover h4 a {
    color: #ff6565
}

.blogs-main .blog-inner h4 {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    margin-bottom: 10px;
    text-align: center
}

.blogs-main .blog-inner h4 a {
    color: #201f20;
    font-weight: 600;
    text-transform: inherit
}

.blogs-main .blog-inner h4 a:hover {
    color: #ff6565
}

.blog_area2 {
    padding: 65px 0 35px
}

.blog_page {
    padding: 0 0 35px
}

.blogs-main .meta {
    border-top: 1px solid #e7e7e7;
    padding-top: 10px;
    margin-top: 10px;
    text-align: left
}

.blogs-main .meta span {
    display: inline-block;
    margin-right: 13px
}

.blogs-main .meta span:last-child {
    margin-right: 0
}

.blogs-main .meta span i {
    margin-right: 5px
}

.blogs-main .meta span a {
    color: #1880c6;
    font-size: 15px;
    font-weight: 550
}

#myModal {
    opacity: 1;
    z-index: 999999
}

.center_heading {
    text-align: center;
    padding-bottom: 4%
}

.contact_form {
    padding: 0 5% 3% 5%;
    width: 100%
}

.contact_form input {
    border: 1px solid grey;
    font-size: 12px;
    padding: 10px 8px;
    width: 100%;
    height: 55px;
    margin-bottom: 15px
}

.contact_form select {
    border: 1px solid grey;
    font-size: 12px;
    padding: 10px 8px;
    width: 100%;
    height: 55px;
    display: block !important;
    margin-bottom: 15px
}

.contact_form textarea {
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 10px 8px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 5px
}

.contact_form input:focus,
.contact_form tel:focus,
.contact_form textarea:focus {
    border: 1px solid #666 !important;
    box-shadow: .3px .1px .8px #000
}


.contact_form input .wpcf7-form-control:focus {
    border: 1px solid #666 !important;
    box-shadow: .3px .1px .8px #000
}
.modal-form .close {
    color: #666 !important;
    font-size: 30px;
    z-index: 1;
    right: 0;
    top: 0;
    transition: all .15s ease-out;
    text-shadow: 0 1px 0 #fff
}

#myModal .modal-title {
    padding-left: 4.5%;
    color: #383434;
    font-weight: 550;
    font-size: 25px
}

#myModal .modal-header .close .fa {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 12px;
    -webkit-box-shadow: 0 0 10px 5px #70707069;
    box-shadow: 0 0 10px 5px #70707069;
    line-height: 30px;
    background: #fff;
    border-radius: 50%
}

.contact_form textarea {
    height: 140px !important;
    max-height: 140px !important;
    min-height: 140px !important;
    width: 100%
}

@media(min-width:992px) {
    .slide-content .title {
        font-size: 70px;
        width: 78%;
        margin: 0 auto
    }
    .case5 {
        margin-top: -113px !important
    }
}

.contact_form input[type=submit] {
    border: none;
    border-radius: 10px;
    padding: 14px 26px;
    width: 100%;
    background: #333;
    text-align: center;
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.contact_form input[type=submit]:hover {
    background: #ff7e00;
    background: -webkit-linear-gradient(45deg, #ff7e00, #f4a65a);
    background: -o-linear-gradient(45deg, #ff7e00, #f4a65ae);
    background: -moz-linear-gradient(45deg, #ff7e00, #f4a65a);
    background: linear-gradient(45deg, #ff7e00, #f4a65a);
    position: relative;
    color: #fff
}

#myModal .modal-footer {
    padding: 5px 15px !important
}

.modal-backdrop {
    background-color: inherit;
    position: relative
}

@media (min-width:768px) {
    #myModal .modal-dialog {
        width: 700px !important;
        max-width: 600px !important;
        margin: 30px auto
    }
}

#myModal .modal-dialog {
    margin-top: 13%
}

#myModal .modal-header .close {
    margin-top: 0;
    margin-right: 6px
}

#myModal .modal-header {
    display: block;
    text-align: left
}

#myModal {
    z-index: 99999999
}

.modal-form .close {
    font-size: 30px;
    z-index: 1;
    right: 0;
    top: 0;
    transition: all .15s ease-out
}

.contact_form .form-group {
    margin-bottom: 10px
}

.modal-form .close:hover {
    color: #0eae88
}

.advantage_area {
    background: #f7fafd;
    padding: 76px 0 65px
}

.testimonial_area2 .testimonial {
    text-align: center;
    margin: 50px 10px 15px;
    padding: 0 4% 1%;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -moz-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -ms-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    -o-box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24);
    box-shadow: 0 0 14px 2px rgba(15, 15, 15, .24)
}

.testimonial_area2 .testimonial .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .3);
    display: inline-block;
    margin-top: -50px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.testimonial_area2 .testimonial .pic img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.testimonial_area2 .testimonial .description {
    font-size: 15px;
    color: #3e3e46;
    line-height: 26px;
    margin: 10px 0 10px
}

.testimonial_area2 .testimonial .testimonial-title p{
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #333;
    text-transform: uppercase
}

.testimonial_area2 .testimonial .post {
    display: block;
    font-size: 13px;
    color: #ff6565;
    margin-bottom: 1px
}

.testimonial_area2 .testimonial .post:before {
    content: "";
    width: 30px;
    display: block;
    margin: 10px auto 5px;
    border: 1px solid #d3d3d3
}

.testimonial_area2 .testimonial .testimonial-rating {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none
}

.testimonial_area2 .testimonial .testimonial-rating li {
    color: #d3d3d3;
    display: inline-block
}

.testimonial_area2 .testimonial .testimonial-rating li.fa-star {
    color: #333
}

.testimonial_area2 .owl-theme .owl-controls {
    margin-top: 30px
}

.testimonial_area2 .owl-theme .owl-controls .owl-pagination {
    width: 140px;
    padding: 10px;
    margin: 0 auto;
    line-height: 13px;
    background: #fe7f8b
}

.testimonial_area2 .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: 0 0;
    border: 1px solid #fff
}

.testimonial_area2 .owl-theme .owl-controls .owl-page.active span,
.testimonial_area2 .owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 4px solid #fff
}

.why2 {
    padding: 95px 0 10px
}

.service_box img {
    width: 100%;
    height: 250px
}

.advantage_pic img {
    width: 100%
}

.service_box {
    margin-bottom: 20px
}

.why3 {
    padding: 75px 0 80px
}

.service_box h5 {
    font-size: 19px;
    color: #f2343c
}

.service_box a p {
    color: #3e3e46
}

@media(max-width:767px) {
    .testimonial_list .owl-nav .owl-prev, 
    .testimonial_list .owl-nav .owl-next{
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 21px !important;
    }
    .testimonial_list .owl-nav .owl-prev{
        left: 0px !important;
    }
    .testimonial_list .owl-nav .owl-next{
        right: 0px !important;
    }
    .breatcome_title_inner h1 {
        font-size: 30px
    }
    .form_field_inner {
        width: 100% !important
    }
    .slider_text {
        margin-top: 176%
    }
    .slide .item>img {
        height: 300px
    }
    .slider_text_inner p {
        padding: 10px 0 12px;
        font-size: 12px;
        line-height: 18px
    }
    .flotbox_inner {
        display: none
    }
    .single_blog_content {
        display: flex
    }
    .single_blog_content {
        display: flex
    }
    .single_blog {
        margin-bottom: 10px
    }
    .single_blog_content {
        padding: 10px 20px 40px;
        margin: 5px 0 15px
    }
    .single_blog_content_inner {
        margin-top: 10px
    }
    .single_blog_thumb {
        display: none
    }
    .testimonial-dd {
        display: none
    }
    .single_blog_content2 p {
        font-size: 13px;
        line-height: 22px
    }
    .single_blog_content2 {
        padding: 10px 10px 10px;
        min-height: 110px;
        margin: 0 !important;
        overflow-y: scroll
    }
    .testimonial-user p span {
        font-size: 14px
    }
    .breatcome_area {
        padding: 60px 0 30px
    }
    .team_area .main-timeline .timeline {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
    .team_area .main-timeline .timeline:nth-child(2n) {
        margin-bottom: 150px !important;
        margin-top: 0 !important
    }
    .team_area .main-timeline .timeline:first-child,
    .team_area .main-timeline .timeline:last-child:nth-child(2n) {
        margin: 0 0 5px 0
    }
    .team_area .main-timeline .timeline:nth-child(3n) {
        margin-bottom: 10px !important
    }
    .team_area .main-timeline .timeline:nth-child(4n) {
        left: 0 !important;
        margin-bottom: 10px !important;
        width: 95% !important
    }
    .skdslider ul.slide-navs {
        display: none !important
    }
    .single_call_do_action_title h4 {
        margin-bottom: 12px
    }
    .slider_button_inner a {
        font-size: 12px
    }
    .blogs-main .blog-inner p {
        font-size: 12px
    }
    .slider-video-icon {
        margin-left: 0 !important
    }
    .slider-video-icon a i {
        width: 60px;
        height: 60px
    }
    #myModal .modal-dialog {
        margin-top: 43%
    }
    .contact_form input {
        height: 45px
    }
    .contact_form input[type=submit] {
        height: 55px
    }
    .single_blog_content2>span {
        display: none
    }
    .single_blog_content2 {
        margin: 5px 5px
    }
    .testimonial-user {
        padding-top: 5px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .testimonial_area .container {
        max-width: 840px
    }
    .testimonial-dd {
        left: 65px !important;
        padding: 20px 20px !important;
        font-size: 28px !important
    }
    .single_blog_content2 {
        padding: 20px 50px 30px !important
    }
    .about-image img {
        width: 540px;
        margin: 0 auto !important;
        display: block
    }
    .slide .item>img {
        height: 400px
    }
    .slider_text_inner h1 {
        font-size: 30px !important
    }
    .slider_text_inner p {
        font-size: 15px !important;
        width: 80% !important
    }
    .slider_text {
        margin-top: 1% !important
    }
    .slider_button_inner a {
        font-size: 14px !important
    }
    .single_slider_shape_image img {
        margin-top: 20% !important
    }
    .item .single_slider_shape_image {
        right: -37px;
        bottom: 132px
    }
    .carousel-inner {
        margin-top: 1px !important
    }
    #myCarousel .carousel-caption {
        bottom: 81px !important
    }
    .slider_content {
        height: 280px !important
    }
    .item2 .single_slider_shape_image {
        right: 5px !important
    }
    .item2 .single_slider_shape_image img {
        width: 80% !important
    }
    .item3 .single_slider_shape_image {
        right: -15px !important
    }
    .item3 .single_slider_shape_image img {
        width: 80% !important
    }
    .item5 .single_slider_shape_image {
        right: -15px !important;
        bottom: 100px !important
    }
    .item5 .single_slider_shape_image img {
        width: 80% !important
    }
}

@media(min-width:768px) {
    #myCarousel .carousel-caption {
        position: absolute;
        right: 41%;
        bottom: 1px;
        left: 26%;
        width: 96%
    }
    .carousel-inner {
        margin-top: 4%
    }
    .home .single_blog .single_blog_thumb {
        margin: -50px -90px -83px 25px;
        min-height: 525px
    }
    .home .single_blog {
        margin-left: -25px
    }
    .testimonial-dd {
        left: 127px
    }
    .testimonial-dd {
        background: rgba(128, 126, 126, .99);
        padding: 30px 40px;
        max-width: 240px;
        color: #fff;
        font-size: 38px;
        line-height: 1.2;
        position: absolute;
        z-index: 100
    }
}

@media(min-width:992px) {
    .sticky {
        height: 100px
    }
    .service_area .container-fluid {
        width: 98%;
        margin: 0 auto
    }
    .slide .item>img {
        height: 640px
    }
    .breatcome_title_inner p {
        width: 70%;
        margin: 0 auto
    }
    .our-approach-img {
        right: 5px;
        max-width: 500px;
        position: absolute;
        margin-top: 31px
    }
}

.case_history .main-timeline {
    overflow: hidden;
    position: relative
}

.case_history .main-timeline:after,
.case_history .main-timeline:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.case_history .main-timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #d6d5d5;
    position: absolute;
    top: 30px;
    left: 50%
}

.case_history .main-timeline .timeline {
    width: 50%;
    float: left;
    padding-right: 30px;
    position: relative
}

.case_history .main-timeline .timeline-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #fe6847;
    position: absolute;
    top: 5.5%;
    right: -17.5px
}

.case_history .main-timeline .year {
    display: block;
    padding: 10px;
    margin: 0;
    font-size: 30px;
    color: #fff;
    border-radius: 0 50px 50px 0;
    background: #fe6847;
    text-align: center;
    position: relative
}

.case_history .main-timeline .year:before {
    content: "";
    border-top: 35px solid #f59c8b;
    border-left: 35px solid transparent;
    position: absolute;
    bottom: -35px;
    left: 0
}

.case_history .main-timeline .timeline-content {
    padding: 30px 20px;
    margin: 0 45px 0 35px;
    background: #f2f2f2;
    text-align: justify
}

.case_history .main-timeline .title {
    font-size: 19px;
    font-weight: 700;
    color: #504f54;
    margin: 0 0 10px 0
}

.case_history .main-timeline .description {
    font-size: 14px;
    color: #2b2a2a;
    margin: 0;
    text-align: justify
}

.case_history .main-timeline .timeline:nth-child(2n) {
    padding: 0 0 0 30px
}

.case_history .main-timeline .timeline:nth-child(2n) .timeline-icon {
    right: auto;
    left: 0
}

.case_history .main-timeline .timeline:nth-child(2n) .year {
    border-radius: 50px 0 0 50px
}

.case_history .main-timeline .timeline:nth-child(2n) .year:before {
    border-left: none;
    border-right: 35px solid transparent;
    left: auto;
    right: 0
}

.case_history .main-timeline .timeline:nth-child(2n) .timeline-content {
    text-align: right;
    margin: 0 35px 0 45px
}

.case_history .main-timeline .timeline:nth-child(2) {
    margin-top: 170px
}

.case_history .main-timeline .timeline:nth-child(odd) {
    margin: -175px 0 0 0
}

.case_history .main-timeline .timeline:nth-child(even) {
    margin-bottom: 70px;
    padding-left: 50px !important
}

.case_history .main-timeline .timeline:first-child,
.case_history .main-timeline .timeline:last-child:nth-child(even) {
    margin: 0
}

.case_history .main-timeline .timeline:nth-child(2n) .timeline-icon {
    border-color: #fe6861
}

.case_history .main-timeline .timeline:nth-child(2n) .year {
    background: #fe6861
}

.case_history .main-timeline .timeline:nth-child(2n) .year:before {
    border-top-color: #fe6861
}

.case_history .main-timeline .timeline:nth-child(3n) .timeline-icon {
    border-color: #fe6861
}

.case_history .main-timeline .timeline:nth-child(3n) .year {
    background: #fe6861
}

.case_history .main-timeline .timeline:nth-child(3n) .year:before {
    border-top-color: #fe6861
}

.case_history .main-timeline .timeline:nth-child(4n) .timeline-icon {
    border-color: #fe6861
}

.case_history .main-timeline .timeline:nth-child(4n) .year {
    background: #fe6861
}

.case_history .main-timeline .timeline:nth-child(4n) .year:before {
    border-top-color: #f2aab3
}

@media only screen and (max-width:767px) {
    .case_history .main-timeline {
        overflow: visible
    }
    .case_history .main-timeline:before {
        top: 0;
        left: 0
    }
    .case_history .main-timeline .timeline:nth-child(2),
    .case_history .main-timeline .timeline:nth-child(even),
    .case_history .main-timeline .timeline:nth-child(odd) {
        margin: 0
    }
    .case_history .main-timeline .timeline {
        width: 100%;
        float: none;
        padding: 0 0 0 30px;
        margin-bottom: 20px !important
    }
    .case_history .main-timeline .timeline:last-child {
        margin: 0 !important
    }
    .case_history .main-timeline .timeline-icon {
        right: auto;
        left: -14.5px
    }
    .case_history .main-timeline .year {
        border-radius: 50px 0 0 50px
    }
    .case_history .main-timeline .year:before {
        border-left: none;
        border-right: 35px solid transparent;
        left: auto;
        right: 0
    }
    .case_history .main-timeline .timeline-content {
        margin: 0 35px 0 45px
    }
}

.tab--area {
    position: relative;
    z-index: 1
}

.tab--area .nav-tabs {
    width: 100%;
    position: relative;
    z-index: 1;
    border-bottom: none;
    margin-bottom: 30px
}

.tab--area .nav-tabs::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 7px;
    border-radius: 50px;
    background-color: #f4f4ff;
    bottom: -20px;
    left: 0;
    right: 0
}

.tab--area .nav-tabs .nav-item {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tab--area .nav-tabs .nav-item .nav-link {
    position: relative;
    z-index: 1;
    border: none;
    text-align: center;
    font-size: 1.25rem;
    border-radius: 6px;
    padding: 1rem
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 1rem
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 1rem;
        padding: .75rem
    }
}

@media only screen and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 1rem;
        padding: .5rem
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        padding: .375rem
    }
}

.tab--area .nav-tabs .nav-item .nav-link::before {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    content: "";
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #fe6861;
    border-radius: 0 6px 6px 0;
    bottom: -20px;
    left: 50%
}

@media only screen and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link::before {
        display: none
    }
}

.tab--area .nav-tabs .nav-item .nav-link::after {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    content: "";
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #fe6861;
    border-radius: 6px 0 0 6px;
    bottom: -20px;
    right: 50%
}

@media only screen and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link::after {
        display: none
    }
}

.tab--area .nav-tabs .nav-item .nav-link.active {
    background-color: #fe6861;
    color: #7d7b7b
}

.tab--area .nav-tabs .nav-item .nav-link.active::before {
    width: 50%
}

.tab--area .nav-tabs .nav-item .nav-link.active::after {
    width: 50%
}

.tab--area .tab--text h6 {
    background-color: #fe6861;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 1.5rem
}

.tab--area .tab--text h2 {
    margin-bottom: 1rem;
    font-size: 2rem
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab--area .tab--text h2 {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .tab--area .tab--text h2 {
        font-size: 1.5rem
    }
}

.tab--area .tab--text p {
    margin-bottom: 0
}

.tab--area .tab--text .progress {
    height: 6px;
    background-color: #f4f4ff
}

.tab--area .tab--text .progress .progress-bar {
    background-color: #fe6861
}

.btn-icon {
    padding: 0;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    height: 35px;
    width: 35px;
    line-height: 35px
}

@media(max-width:767px) {
    .ui-timline-container {
        padding-left: 15px
    }
}

.ppc .tl-tile {
    font-size: 20px !important;
    padding-bottom: 1px
}

.ppc p {
    font-size: 13px !important
}

.btn-icon i {
    line-height: 35px
}

.btn-icon.btn-icon-lined {
    line-height: 31px
}

.btn-icon.btn-icon-lined i {
    line-height: 31px
}

.btn-icon.btn-icon-lined.btn-icon-thin {
    line-height: 33px
}

.btn-icon.btn-icon-lined.btn-icon-thin i {
    line-height: 33px
}

.btn-icon-lined {
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #3d4051;
    color: #3d4051;
    height: 35px;
    width: 35px;
    line-height: 35px
}

.btn-icon-lined i {
    line-height: 35px
}

.btn-icon-lined.btn-icon-lined {
    line-height: 31px
}

.btn-icon-lined.btn-icon-lined i {
    line-height: 31px
}

.btn-icon-lined.btn-icon-lined.btn-icon-thin {
    line-height: 33px
}

.btn-icon-lined.btn-icon-lined.btn-icon-thin i {
    line-height: 33px
}

.btn-icon-lined.btn-icon-thin {
    border-width: 1px
}

.btn-icon-lined:hover {
    background-color: #fff;
    color: #fff
}

.btn-icon-lined.btn-default-light {
    color: #bbb;
    border: 2px solid #bbb
}

.btn-icon-lined.btn-default-light:hover {
    color: #bbb;
    border: 2px solid #bbb
}

.btn-icon-lined.btn-default {
    color: #777;
    border-color: #777
}

.btn-icon-lined.btn-default:hover {
    color: #777;
    border-color: #777
}

.btn-icon-round {
    border-radius: 50%
}

.btn-icon-sm {
    height: 30px;
    width: 30px;
    line-height: 30px
}

.btn-icon-sm i {
    line-height: 30px
}

.btn-icon-sm.btn-icon-lined {
    line-height: 26px
}

.btn-icon-sm.btn-icon-lined i {
    line-height: 26px
}

.btn-icon-sm.btn-icon-lined.btn-icon-thin {
    line-height: 28px
}

.btn-icon-sm.btn-icon-lined.btn-icon-thin i {
    line-height: 28px
}

.btn-icon-md {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 18px
}

.btn-icon-md i {
    line-height: 45px
}

.btn-icon-md.btn-icon-lined {
    line-height: 41px
}

.btn-icon-md.btn-icon-lined i {
    line-height: 41px
}

.btn-icon-md.btn-icon-lined.btn-icon-thin {
    line-height: 43px
}

.btn-icon-md.btn-icon-lined.btn-icon-thin i {
    line-height: 43px
}

.btn-icon-lg {
    height: 65px;
    width: 65px;
    line-height: 65px;
    font-size: 28px
}

.btn-icon-lg i {
    line-height: 65px
}

.btn-icon-lg.btn-icon-lined {
    line-height: 61px
}

.btn-icon-lg.btn-icon-lined i {
    line-height: 61px
}

.btn-icon-lg.btn-icon-lined.btn-icon-thin {
    line-height: 63px
}

.btn-icon-lg.btn-icon-lined.btn-icon-thin i {
    line-height: 63px
}

.btn-icon-lg-alt {
    height: 70px;
    width: 70px;
    line-height: 70px
}

.btn-icon-lg-alt i {
    line-height: 70px
}

.btn-icon-lg-alt.btn-icon-lined {
    line-height: 66px
}

.btn-icon-lg-alt.btn-icon-lined i {
    line-height: 66px
}

.btn-icon-lg-alt.btn-icon-lined.btn-icon-thin {
    line-height: 68px
}

.btn-icon-lg-alt.btn-icon-lined.btn-icon-thin i {
    line-height: 68px
}

.ui-timline-left .ui-timeline:before {
    left: 0
}

@media (min-width:768px) {
    .ui-timline-left .ui-timeline .tl-item:before {
        display: none
    }
    .ui-timline-left .ui-timeline .tl-item .tl-caption {
        margin-left: -55px
    }
    .ui-timline-left .ui-timeline .tl-item .tl-body .tl-time {
        left: auto;
        right: 15px;
        color: #777
    }
}

.ui-timeline {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.ui-timeline:before {
    background-color: #d5d5d5;
    bottom: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 1px;
    z-index: 0
}

@media (min-width:768px) {
    .ui-timeline:before {
        left: 50%
    }
}

.ui-timeline .tl-item {
    display: table-row;
    margin-bottom: 5px
}

.ui-timeline .tl-item:before {
    display: none;
    content: ""
}

@media (min-width:768px) {
    .ui-timeline .tl-item:before {
        display: block;
        width: 50%
    }
}

.ui-timeline .tl-item .tl-caption {
    width: 150px;
    margin-left: -55px
}

@media (min-width:768px) {
    .ui-timeline .tl-item .tl-caption {
        margin-left: -110px
    }
}

@media (min-width:768px) {
    .ui-timeline .tl-item.alt {
        text-align: right
    }
    .ui-timeline .tl-item.alt:before {
        display: none
    }
    .ui-timeline .tl-item.alt:after {
        content: "";
        display: block;
        width: 50%
    }
    .ui-timeline .tl-item.alt .tl-body .tl-entry {
        margin: 0 35px 15px 0
    }
    .ui-timeline .tl-item.alt .tl-body .tl-time {
        right: -220px;
        left: auto;
        text-align: left
    }
    .ui-timeline .tl-item.alt .tl-body .tl-icon {
        right: -53px;
        left: auto
    }
    .ui-timeline .tl-item.alt .tl-body .tl-content:after {
        right: -16px;
        left: auto;
        border: 8px solid transparent;
        border-left: 8px solid #fe695f/*! border-top: 8px solid rgb(236, 231, 230); */
    }
}

.ui-timeline .tl-item .tl-body {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.ui-timeline .tl-item .tl-body .tl-entry {
    position: relative;
    margin: 0 0 15px 36px
}

.ui-timeline .tl-item .tl-body .tl-entry .btn-primary {
    background-color: #1bbce8;
    border-color: #1bbce8;
    padding: 10px 12px
}

.ui-timeline .tl-item .tl-body .tl-time {
    z-index: 1;
    position: absolute;
    left: auto;
    right: 15px;
    top: 0;
    width: 150px;
    color: #777;
    line-height: 35px;
    text-align: right
}

@media (min-width:768px) {
    .ui-timeline .tl-item .tl-body .tl-time {
        left: -220px;
        right: auto;
        color: #3d4051
    }
}

.ui-timeline .tl-item .tl-body .tl-icon {
    position: absolute;
    left: -53px;
    top: 0
}

.tl-icon.btn-info {
    color: #fff;
    background: linear-gradient(to right, #fa7c41 0, #ff6565 100%);
    border-color: #fa7c41
}

.tl-icon.btn-info:hover {
    background: #ff6565 !important;
    box-shadow: 11px 11px 18px rgba(0, 0, 0, .2)
}

.tl-icon.btn-info:hover i {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform .7s ease, -webkit-transform .7s ease
}

.ui-timeline .tl-item .tl-body .tl-content {
    position: relative;
    padding: 15px 15px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 11px 11px 18px rgba(0, 0, 0, .2)
}

.ui-timeline .tl-item .tl-body .tl-content .tl-icon.btn-info:hover {
    background: #ff6565
}

.ui-timeline .tl-item .tl-body .tl-content:after {
    content: " ";
    line-height: 0;
    position: absolute;
    left: -16px;
    top: 0;
    border: 8px solid transparent;
    border-right: 8px solid #fe695f/*! border-top: 8px solid rgb(254, 104, 96); */
}

.tooltip-inner {
    padding: .85em
}

.ui-timeline {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.ui-timeline:before {
    background-color: #d5d5d5;
    bottom: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 1px;
    z-index: 0
}

@media (min-width:768px) {
    .ui-timeline:before {
        left: 50%
    }
}

.ui-timeline .tl-item {
    display: table-row;
    margin-bottom: 5px
}

.ui-timeline .tl-item:before {
    display: none;
    content: ""
}

@media (min-width:768px) {
    .ui-timeline .tl-item:before {
        display: block;
        width: 50%
    }
}

@media (max-width:767px) {
    .ui-timeline .tl-item .tl-caption {
        margin-left: -39px
    }
    .ui-timeline .tl-item .tl-body .tl-icon {
        left: -53px
    }
}

.bg-gray {
    color: #000;
    background-color: #eff0f1
}

.designation {
    display: block;
    text-transform: capitalize;
    font-size: 15px
}

.single-contact-details-box {
    position: relative;
    display: block;
    width: 100%;
    border: 1.5px solid #fe6861;
    text-align: center;
    padding-bottom: 42px;
    margin-bottom: 60px;
    transition: all .5s
}

.single-contact-details-box:hover {
    border: 1.5px solid #383434;
    background: #383434
}

.single-contact-details-box.style2 {
    background: #0075a5
}

.single-contact-details-box .icon-holder {
    position: absolute;
    left: 0;
    top: -35px;
    right: 0;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    z-index: 2
}

.single-contact-details-box .icon-holder:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    content: "";
    z-index: -1;
    -webkit-box-shadow: 0 -3px 9px 2px #f8f8f8;
    box-shadow: 0 -3px 9px 2px #f8f8f8
}

.single-contact-details-box .icon-holder span:before {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #fe6861;
    color: #fff;
    font-size: 35px;
    line-height: 85px;
    border-radius: 50%
}

.single-contact-details-box .text-holder {
    position: relative;
    display: block;
    padding-top: 69px
}

.single-contact-details-box .text-holder h4 {
    color: #fe6861;
    font-size: 18px;
    margin: 0 0 6px
}

.single-contact-details-box .text-holder p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

@media(min-width:992px) {
    .img60 {
        width: 560px
    }
    .cmheading1 {
        padding-top: 100px
    }
}

.about-area {
    position: relative;
    z-index: 2
}

.about-area.about2 {
    overflow: hidden
}

.single-about-area {
    position: relative;
    z-index: 1
}

.single-about-area .icon {
    display: block;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    width: 80px;
    height: 80px;
    background-color: #ff6565;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 36px
}

.single-about-area .icon i {
    line-height: 80px
}

.single-about-area h4 {
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    margin-bottom: 1rem;
    overflow: hidden
}

.single-about-area h4::after {
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe6861;
    content: "";
    top: 0;
    left: -110%;
    z-index: 2
}

.single-about-area p {
    display: block;
    font-size: 14px;
    margin-bottom: 0
}

.single-about-area:focus h4,
.single-about-area:hover h4 {
    color: #ff6565
}

.single-about-area:focus h4::after,
.single-about-area:hover h4::after {
    left: 110%
}

.about-content {
    position: relative;
    z-index: 1
}

.about-content .col-12:nth-child(2) .single-about-area {
    margin-top: 70px
}

.about-content .col-12:nth-child(2) .single-about-area .icon {
    background-color: #fe6861
}

@media only screen and (max-width:767px) {
    .about-content .col-12:nth-child(3) .single-about-area {
        margin-top: 70px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about-content .col-12:nth-child(3) .single-about-area {
        margin-top: 0
    }
}

.about-content .col-12:nth-child(3) .single-about-area .icon {
    background-color: #ff6565
}

.about-content .col-12:nth-child(4) .single-about-area {
    margin-top: 70px
}

.about-content .col-12:nth-child(4) .single-about-area .icon {
    background-color: #fe6861
}

.aboutUs-thumbnail {
    position: relative;
    z-index: 1;
    border-radius: .75rem
}

.aboutUs-thumbnail::before {
    content: "";
    position: absolute;
    width: 60%;
    height: 40px;
    background-color: #fdd76e;
    top: 50px;
    right: 70%;
    z-index: 10;
    border-radius: 3px
}

.aboutUs-thumbnail img {
    border-radius: .75rem
}

.aboutUs-content {
    position: relative;
    z-index: 1
}

.hero3 .single-about-area {
    position: relative;
    z-index: 1
}

.hero3 .single-about-area .icon {
    display: block;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    width: 80px;
    height: 80px;
    background-color: #ff6565;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 36px
}

.hero3 .single-about-area .icon i {
    line-height: 80px
}

.hero3 .single-about-area h4 {
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    margin-bottom: 1rem;
    overflow: hidden
}

.hero3 .single-about-area h4::after {
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe6861;
    content: "";
    top: 0;
    left: -110%;
    z-index: 2
}

.hero3 .single-about-area p {
    display: block;
    font-size: 1rem;
    margin-bottom: 0
}

.hero3 .single-about-area:focus h4,
.hero3 .single-about-area:hover h4 {
    color: #fe6861
}

.hero3 .single-about-area:focus h4::after,
.hero3 .single-about-area:hover h4::after {
    left: 110%
}

.about4 .aboutUs-thumbnail::before {
    display: none
}

.about4 .aboutUs-thumbnail::after {
    width: 308px;
    height: 308px;
    background-image: url(img/core-img/dot-blue.png);
    background-repeat: repeat;
    content: "";
    position: absolute;
    z-index: -5;
    opacity: 1;
    right: -40px;
    top: -50px
}

.about3 {
    background-color: #fff
}

.hero-card {
    background-color: #f4f4ff
}

.hero-card .card-body {
    padding: 1.5rem
}

.hero-card i {
    color: #fe6861;
    font-size: 2.5rem;
    display: block;
    margin-bottom: 1rem
}

.tab--area {
    position: relative;
    z-index: 1
}

.tab--area .nav-tabs {
    width: 100%;
    position: relative;
    z-index: 1;
    border-bottom: none;
    margin-bottom: 30px
}

.tab--area .nav-tabs::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 7px;
    border-radius: 50px;
    background-color: #f4f4ff;
    bottom: -20px;
    left: 0;
    right: 0
}

.tab--area .nav-tabs .nav-item {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tab--area .nav-tabs .nav-item .nav-link {
    position: relative;
    z-index: 1;
    border: none;
    text-align: center;
    font-size: 1.25rem;
    border-radius: 6px;
    padding: 1rem
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 1rem
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 1rem;
        padding: .75rem
    }
}

@media only screen and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 1rem;
        padding: .5rem
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        padding: .375rem
    }
}

.tab--area .nav-tabs .nav-item .nav-link::before {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    content: "";
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #fdd76e;
    border-radius: 0 6px 6px 0;
    bottom: -20px;
    left: 50%
}

@media only screen and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link::before {
        display: none
    }
}

.tab--area .nav-tabs .nav-item .nav-link::after {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    content: "";
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #fdd76e;
    border-radius: 6px 0 0 6px;
    bottom: -20px;
    right: 50%
}

@media only screen and (max-width:767px) {
    .tab--area .nav-tabs .nav-item .nav-link::after {
        display: none
    }
}

.tab--area .nav-tabs .nav-item .nav-link.active {
    background-color: #fdd76e;
    color: #ff6565
}

.tab--area .nav-tabs .nav-item .nav-link.active::before {
    width: 50%
}

.tab--area .nav-tabs .nav-item .nav-link.active::after {
    width: 50%
}

.tab--area .tab--text h6 {
    background-color: #fdd76e;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 1.5rem
}

.tab--area .tab--text p {
    margin-bottom: 0
}

.tab--area .tab--text .progress {
    height: 6px;
    background-color: #f4f4ff
}

.tab--area .tab--text .progress .progress-bar {
    background-color: #fe6861
}

.timeline2 .main-timeline {
    font-family: Poppins, sans-serif;
    position: relative
}

.timeline2 .main-timeline:after {
    content: '';
    display: block;
    clear: both
}

.timeline2 .main-timeline .timeline {
    width: 50%;
    padding: 0 0 0 30px;
    margin: 0 30px 20px 0;
    float: left;
    position: relative;
    z-index: 1
}

.timeline2 .main-timeline .timeline-content {
    color: #333;
    background-color: #f5f5f5;
    min-height: 150px;
    padding: 30px 80px 30px 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    display: block
}

.timeline2 .main-timeline .timeline-content:after,
.timeline2 .main-timeline .timeline-content:before {
    content: '';
    background: linear-gradient(to bottom, #2e687c 49%, #3e7b97 50%);
    height: 100%;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.timeline2 .main-timeline .timeline-content:after {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    transform: translateY(-50%);
    top: 50%;
    left: auto;
    right: -75px
}

.timeline2 .main-timeline .timeline-content:hover {
    text-decoration: none
}

.timeline2 .main-timeline .timeline-icon {
    color: #fff;
    background: linear-gradient(to bottom, #2e687c 49%, #3e7b97 50%);
    font-size: 45px;
    text-align: center;
    line-height: 108px;
    height: 105px;
    width: 105px;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #fff;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -52px
}

.timeline2 .main-timeline .title {
    color: #2e687c;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0
}

.timeline2 .main-timeline .description {
    font-size: 14px;
    letter-spacing: 1px;
    text-align: justify;
    margin: 0;
    color: #111
}

.timeline2 .main-timeline .timeline:nth-child(even) {
    float: right;
    padding: 0 30px 0 0;
    margin: 0 0 20px 30px
}

.timeline2 .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 30px 30px 30px 80px
}

.timeline2 .main-timeline .timeline:nth-child(even) .timeline-content:before {
    left: auto;
    right: 0
}

.timeline2 .main-timeline .timeline:nth-child(even) .timeline-content:after {
    right: auto;
    left: -75px
}

.timeline2 .main-timeline .timeline:nth-child(even) .timeline-icon {
    right: auto;
    left: -52px
}

.timeline2 .main-timeline .timeline:nth-child(4n+2) .timeline-content:after,
.timeline2 .main-timeline .timeline:nth-child(4n+2) .timeline-content:before,
.timeline2 .main-timeline .timeline:nth-child(4n+2) .timeline-icon {
    background: linear-gradient(to bottom, #ff6348 49%, coral 50%)
}

.timeline2 .main-timeline .timeline:nth-child(4n+2) .title {
    color: #ff6348
}

.timeline2 .main-timeline .timeline:nth-child(4n+3) .timeline-content:after,
.timeline2 .main-timeline .timeline:nth-child(4n+3) .timeline-content:before,
.timeline2 .main-timeline .timeline:nth-child(4n+3) .timeline-icon {
    background: linear-gradient(to bottom, #259390 49%, #46aeaf 50%)
}

.timeline2 .main-timeline .timeline:nth-child(4n+3) .title {
    color: #259390
}

.timeline2 .main-timeline .timeline:nth-child(4n+4) .timeline-content:after,
.timeline2 .main-timeline .timeline:nth-child(4n+4) .timeline-content:before,
.timeline2 .main-timeline .timeline:nth-child(4n+4) .timeline-icon {
    background: linear-gradient(to bottom, #cc3254 49%, #fe6861 50%)
}

.timeline2 .main-timeline .timeline:nth-child(4n+4) .title {
    color: #cc3254
}

@media screen and (max-width:767px) {
    .timeline2 .main-timeline .timeline,
    .timeline2 .main-timeline .timeline:nth-child(even) {
        width: 100%;
        padding: 0 75px 0 30px;
        margin: 0 0 20px
    }
    .timeline2 .main-timeline .timeline:nth-child(even) {
        padding: 0 30px 0 75px
    }
    .timeline2 .main-timeline .timeline .timeline-content:after {
        right: 0
    }
    .timeline2 .main-timeline .timeline:nth-child(even) .timeline-content:after {
        left: 0
    }
    .timeline2 .main-timeline .timeline .timeline-icon {
        right: 20px
    }
    .timeline2 .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: 20px
    }
}

@media screen and (max-width:567px) {
    .timeline2 .main-timeline .timeline {
        padding: 0 35px 0 10px
    }
    .timeline2 .main-timeline .timeline:nth-child(even) {
        padding: 0 10px 0 30px
    }
    .timeline2 .main-timeline .timeline .timeline-content {
        padding: 30px 50px 30px 20px
    }
    .timeline2 .main-timeline .timeline:nth-child(even) .timeline-content {
        padding: 30px 20px 30px 50px
    }
    .timeline2 .main-timeline .timeline .timeline-content:after {
        height: 80px;
        width: 80px;
        right: 0
    }
    .timeline2 .main-timeline .timeline:nth-child(even) .timeline-content:after {
        left: 0
    }
    .timeline2 .main-timeline .timeline .timeline-icon {
        font-size: 30px;
        line-height: 50px;
        height: 50px;
        width: 50px;
        box-shadow: 0 0 0 5px #fff;
        right: 20px;
        right: 15px
    }
    .timeline2 .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: 15px
    }
    .timeline2 .main-timeline .title {
        font-size: 18px
    }
}

.bg2 .inner-content {
    background-color: #968d86;
    min-height: 290px
}

.wb_types .main-timeline {
    position: relative
}

.wb_types .main-timeline:before {
    content: '';
    background-color: #000;
    height: 100%;
    width: 2px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0
}

.wb_types .main-timeline:after {
    content: '';
    display: block;
    clear: both
}

.wb_types .main-timeline .timeline {
    width: 50%;
    padding: 0 40px 0 0;
    margin: 0 5px 0 0;
    float: left;
    position: relative;
    z-index: 1
}

.wb_types .main-timeline .timeline:after,
.wb_types .main-timeline .timeline:before {
    content: '';
    background-color: #fe6847;
    height: 2px;
    width: 100px;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%
}

.wb_types .main-timeline .timeline:after {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    right: -8px
}

.wb_types .main-timeline .timeline-content {
    color: #fff;
    background-color: #968d86;
    text-align: left;
    padding: 22px 130px 22px 40px;
    margin: 0 auto;
    border-radius: 60px;
    display: block;
    overflow: hidden;
    position: relative
}

.wb_types .main-timeline .timeline-content:hover {
    text-decoration: none
}

.wb_types .main-timeline .timeline-content:after,
.wb_types .main-timeline .timeline-content:before {
    content: '';
    background-color: #59585b;
    height: 100%;
    width: 28%;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 1;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 75% 0);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 75% 0)
}

.wb_types .main-timeline .timeline-content:after {
    background-color: #414148;
    transform: rotateX(180deg);
    z-index: 0
}

.wb_types .main-timeline .timeline-icon {
    color: #fff;
    font-size: 42px;
    transform: translateY(-50%);
    position: absolute;
    right: 18px;
    top: 50%;
    z-index: 1
}

.wb_types .main-timeline .title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin: 0
}

.wb_types .main-timeline .description {
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0
}

.wb_types .main-timeline .timeline:nth-child(even) {
    margin: 0 0 0 5px;
    padding: 0 0 0 40px;
    float: right
}

.wb_types .main-timeline .timeline:nth-child(even):before {
    right: auto;
    left: 0
}

.wb_types .main-timeline .timeline:nth-child(even):after {
    right: auto;
    left: -8px
}

.wb_types .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 15px 20px 15px 150px
}

.wb_types .main-timeline .timeline:nth-child(even) .timeline-content:before {
    right: auto;
    left: 0;
    transform: rotateY(180deg)
}

.wb_types .main-timeline .timeline:nth-child(even) .timeline-content:after {
    right: auto;
    left: 0;
    transform: rotateY(-180deg) rotateX(180deg)
}

.wb_types .main-timeline .timeline:nth-child(even) .timeline-icon {
    right: auto;
    left: 20px
}

@media only screen and (max-width:990px) {
    .wb_types .main-timeline .timeline-content {
        padding: 15px 100px 15px 20px
    }
    .wb_types .main-timeline .timeline:nth-child(even) .timeline-content {
        padding: 15px 20px 15px 100px;
        margin-bottom: 50px
    }
    .wb_types .main-timeline .timeline:nth-child(odd) .timeline-content {
        padding: 15px 20px 15px 100px;
        margin-bottom: 30px
    }
    .wb_types .main-timeline .timeline .timeline-content:after,
    .wb_types .main-timeline .timeline .timeline-content:before {
        width: 33%
    }
    .wb_types .main-timeline .timeline-icon {
        right: 12px
    }
    .wb_types .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: 12px
    }
}

@media only screen and (max-width:767px) {
    .wb_types .main-timeline:before {
        transform: translateX(0);
        left: 0
    }
    .wb_types .main-timeline .timeline {
        width: 100%;
        padding: 0 0 0 20px;
        margin: 0 0 20px
    }
    .main-timeline .timeline:nth-child(even) {
        padding: 0 0 0 20px;
        margin: 0 0 20px
    }
    .wb_types .main-timeline .timeline:before {
        right: auto;
        left: 0
    }
    .wb_types .main-timeline .timeline:after {
        right: auto;
        left: -8px
    }
    .wb_types .main-timeline .timeline .timeline-content {
        padding: 15px 15px 15px 90px;
        border-radius: 30px
    }
    .wb_types .main-timeline .timeline .timeline-content:before {
        width: 85px;
        right: auto;
        left: 0;
        transform: rotateY(180deg)
    }
    .wb_types .main-timeline .timeline .timeline-content:after {
        width: 85px;
        right: auto;
        left: 0;
        transform: rotateY(180deg) rotateX(-180deg)
    }
    .wb_types .main-timeline .timeline .timeline-icon,
    .wb_types .main-timeline .timeline:nth-child(even) .timeline-icon {
        font-size: 30px;
        right: auto;
        left: 12px
    }
    .wb_types .main-timeline .title {
        font-size: 18px
    }
}

.single-delivery-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.single-delivery-services.pr-40 .ds-icon {
    margin-left: 17px
}

.media-body.ds-icon i {
    margin-left: 15px
}

.media-left.ds-icon i {
    margin-right: 15px
}

.d-services-img {
    text-align: center;
    position: relative
}

.d-services-img img {
    margin-bottom: 15px
}

.ds-icon i {
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    border: 2px dashed #062a4d;
    border-radius: 50%;
    color: #062a4d;
    margin-top: 10px;
    transition: .3s linear
}

.single-delivery-services:hover .ds-icon i {
    border: 2px dashed #1c6c3e
}

.home-yellow .single-delivery-services:hover .ds-icon i {
    border: 2px dashed #1c6c3e
}

.ds-content {
    padding-bottom: 0
}

.ds-content h5 {
    font-size: 17px;
    text-transform: capitalize;
    line-height: 1.5;
    margin-bottom: 4px;
    font-weight: 600;
    transition: .3s linear
}

.ds-content p {
    margin-bottom: 0
}

.single-delivery-services.pl-40 .ds-icon {
    margin-right: 17px
}

.agency-block .inner-box {
    position: relative;
    padding: 20px 10px;
    border-radius: 4px;
    text-align: left;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    border: 1px solid #f59c8b;
    min-height: 420px;
    margin-bottom: 20px
}

.agency-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    border-radius: 4px;
    background-color: #fff;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.agency-block .inner-box:hover::before {
    height: 100%
}

.agency-block .inner-box .icon-box {
    position: relative;
    text-align: center;
    color: #f59c8b;
    line-height: 1em;
    font-size: 56px;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.agency-block .inner-box:hover .icon-box {
    color: #ea3a60
}

.agency-block .inner-box h4 {
    position: relative;
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 25px;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.agency-block .inner-box h3 a {
    position: relative;
    color: #fff;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.agency-block .inner-box:hover h3 a {
    color: #414d60
}

.agency-block .inner-box .text {
    position: relative;
    color: #3e3e46;
    font-size: 14px;
    line-height: 26px;
    padding: 0 15px;
    margin-top: 15px;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.agency-block .inner-box:hover .text {
    color: #7c8799
}

.single-services {
    background: #fff;
    box-shadow: 5px 5px 29px rgba(0, 0, 0, .21);
    padding: 0 30px 45px;
    border-radius: 10px;
    min-height: 360px;
    transform: translateY(0);
    transition: .3s linear
}

.services-icon {
    display: inline-block;
    margin-top: -20px;
    margin-bottom: 10px
}

.services-icon i {
    font-size: 50px;
    line-height: 80px;
    height: 80px;
    width: 80px;
    display: block;
    text-align: center;
    color: #ff4e09;
    border-radius: 50%;
    background: #fff;
    box-shadow: 11px 11px 8px rgba(0, 0, 0, .11)
}

.services-content h4 {
    font-size: 20px;
    margin-bottom: 20px
}

.services-content p {
    margin-bottom: 0
}

.single-services:hover {
    transform: translateY(-10px)
}

.services-bg-shape {
    position: relative
}

.services-bg-shape::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/bg/services_shape.png);
    width: 100%;
    height: 740px;
    background-repeat: no-repeat;
    z-index: -1
}

.hr-services-title-content p {
    margin-bottom: 40px
}

.hr-single-services {
    box-shadow: 0 17px 53.94px 4.06px rgba(1, 51, 184, .03);
    background: #fff;
    border-radius: 10px;
    transition: .3s linear;
    padding: 30px
}

.hr-services-icon i {
    font-size: 40px;
    color: #ff4800;
    line-height: 1
}

.hr-services-content h4 {
    font-size: 20px;
    color: #56487f;
    margin-bottom: 10px
}

.hr-services-content p {
    margin-bottom: 20px
}

.case_study .main-timeline {
    font-family: Poppins, sans-serif;
    position: relative
}

.case_study .main-timeline:after {
    content: '';
    display: block;
    clear: both
}

.case_study .main-timeline .timeline {
    width: 50%;
    margin: 0 0 20px 20px;
    float: right
}

.case_study .main-timeline .timeline-content {
    color: #000;
    background: radial-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .5), transparent);
    text-align: center;
    min-height: 125px;
    padding: 30px 20px 30px 45px;
    border-radius: 15px;
    border: 2px solid #000;
    display: block;
    position: relative
}

.case_study .main-timeline .timeline-content:hover {
    text-decoration: none
}

.case_study .main-timeline .timeline-icon {
    color: #fff;
    background-color: #fc744e;
    font-size: 37px;
    line-height: 65px;
    height: 75px;
    width: 75px;
    border: 6px solid #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -38px;
    top: 50%
}

.case_study .main-timeline .timeline-icon:after,
.case_study .main-timeline .timeline-icon:before {
    content: '';
    background-color: #000;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -12px
}

.case_study .main-timeline .timeline-icon:after {
    top: calc(100% + 6px)
}

.case_study .main-timeline .title {
    color: #fc744e;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 5px
}

.case_study .main-timeline .description {
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0;
    color: #111;
    text-align: left
}

.case_study .main-timeline .timeline:nth-child(even) {
    float: left;
    margin: 0 20px 20px 0
}

.case_study .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 30px 45px 30px 20px
}

.case_study .main-timeline .timeline:nth-child(even) .timeline-icon {
    right: -39px;
    left: auto
}

@media screen and (max-width:767px) {
    .case_study .main-timeline .timeline {
        width: 100%;
        padding-top: 40px
    }
    .case_study .main-timeline .timeline .timeline-content,
    .case_study .main-timeline .timeline:nth-child(even) .timeline-content {
        padding: 45px 20px 20px
    }
    .case_study .main-timeline .timeline .timeline-icon,
    .case_study .main-timeline .timeline:nth-child(even) .timeline-icon {
        font-size: 28px;
        left: 50%;
        top: -39px;
        right: auto;
        transform: translateY(0) translateX(-50%)
    }
    .case_study .main-timeline .timeline .timeline-icon:after,
    .case_study .main-timeline .timeline .timeline-icon:before {
        top: 50%;
        left: -12px;
        transform: translateY(-50%) translateX(0)
    }
    .case_study .main-timeline .timeline .timeline-icon:after {
        left: calc(100% + 6px)
    }
    .single-widget-item {
        padding-top: 15px
    }
    .widget_get_quote {
        padding-top: 10px
    }
}

@media screen and (max-width:576px) {
    .case_study .main-timeline .title {
        font-size: 18px
    }
}

.foot_tags {
    padding-top: 25px
}

.foot_tags li {
    display: inline-block;
    margin: 0 7px 10px 0
}

.foot_tags li a {
    position: relative;
    display: block;
    padding: 2px 12px;
    color: #373737;
    text-transform: capitalize;
    border: 1px solid #ff6565;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    border-radius: 2px
}

.foot_tags li a:hover {
    border: 1px solid #373737;
    color: #373737
}

.contact_form2 .hl-app .btn-dark {
    font-size: 14px !important;
    padding: 13px 39px !important;
    border: 2px solid #f2343c !important;
    border-radius: 5px !important;
    background: #f2343c !important;
    color: #fff !important
}

.mega-menu {
    left: 0;
    right: 0;
    padding: 15px;
    display: none;
    padding-top: 0;
    min-height: 100%
}

h4.row.mega-title {
    color: #eee;
    margin-top: 0;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #547787;
    padding-top: 15px;
    background-color: #365670
}

.mega-menu ul li a {
    line-height: 25px;
    font-size: 90%;
    display: block;
    color: #fff !important;
    font-size: 15px !important
}

.mega-menu ul li a:hover {
    color: #111
}

ul.stander li a {
    padding: 3px 0
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px
}

ul.description li span {
    color: #ccc;
    font-size: 85%
}

a.view-more {
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009fe1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important
}

a.view-more:hover {
    color: #fff;
    background: #0dadef
}

ul.icon-des {
    padding-top: 25px
}

ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #4d4c4c;
    line-height: 35px !important;
    margin-right: 10px
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 16px
}

.Blog {
    left: 0;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px
}

.Blog .blog-title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase
}

.Blog .blog-des {
    color: #ccc;
    font-size: 90%;
    margin-top: 15px
}

.Blog a.view-more {
    margin-top: 0
}

.Images {
    left: 0;
    width: 100%;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px
}

.Images h4 {
    font-size: 15px;
    margin-top: 0;
    text-transform: uppercase
}

.flyout-left ul>li>a,
.flyout-mega-wrap,
.flyout-right ul>li>a,
.mega-menu {
    background-color: #797675/*! border-bottom: 3px solid #fff; */
}

.Blog:hover,
.Images:hover,
.blog-drop-down>a:hover+.Blog,
.drop-down-ul:hover,
.flyout-mega-wrap:hover,
.images-drop-down>a:hover+.Images,
.mega-drop-down a:hover+.mega-menu,
.mega-menu:hover,
li.drop-down>a:hover+.drop-down-ul,
li.flyout-left a:hover+ul,
li.flyout-left>ul:hover,
li.flyout-mega>a:hover+.flyout-mega-wrap,
li.flyout-right a:hover+ul,
li.flyout-right>ul:hover {
    display: block
}

@media (min-width:767px) {
    .exo-menu>li>a {
        display: block;
        padding: 20px 22px
    }
    .Blog,
    .Images,
    .flyout-left>ul,
    .flyout-mega-wrap,
    .flyout-right>ul,
    .mega-menu,
    li.drop-down>ul {
        position: absolute
    }
    .flyout-right>ul {
        left: 100%
    }
    .flyout-left>ul {
        right: 100%
    }
}

@media (max-width:767px) {
    .exo-menu {
        min-height: 58px;
        background-color: #23364b;
        width: 100%
    }
    .exo-menu>li>a {
        width: 100%;
        display: none
    }
    .exo-menu>li {
        width: 100%
    }
    .display.exo-menu>li>a {
        display: block;
        padding: 20px 22px
    }
    .Blog,
    .Images,
    .flyout-left>ul,
    .flyout-right>ul,
    .mega-menu,
    li.drop-down>ul {
        position: relative
    }
}

a.toggle-menu {
    position: absolute;
    right: 0;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364b;
    top: 0
}

.error-area {
    padding: 100px 0;
    text-align: center;
    position: relative;
    z-index: 1
}

.error-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    z-index: -1
}

.error-area .error-content-wrap {
    z-index: 1;
    position: relative
}

.error-area .error-content-wrap h1 {
    font-size: 300px;
    line-height: 1
}

.error-area .error-content-wrap h1 span {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#ff416c), to(#fa4612));
    background-image: linear-gradient(to bottom right, #ff416c, #fa4612);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.error-area .error-content-wrap h3 {
    margin: 30px 0 0;
    position: relative;
    color: red
}

.error-area .error-content-wrap p {
    margin: 20px 0;
    font-size: 19px
}

@media(max-width:767px) {
    .error-area .error-content-wrap h1 {
        font-size: 100px;
        line-height: 1
    }
}

label {
    color: #666 !important;
}

.contact_form2 .form_field_inner input {
    width: 100%;
    background: transparent;
    border: 1px solid #ddd;
    height: 50px;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.contact_form .form_field_inner select {
    width: 100%;
    background: transparent;
    border: 1px solid #ddd;
    height: 50px;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.contact_form .form_field_inner input {
    width: 100%;
    background: transparent;
    border: 1px solid #ddd !important;
    height: 50px;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.contact_form2 .form_field_inner_text textarea {
    width: 100%;
    height: 250px;
    background: transparent;
    border: 1px solid #ddd !important;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.contact_form2 .form_field_inner input:focus,
.contact_form2 .form_field_inner_text textarea:focus {
    border: 1px solid #666;
    background: transparent;
}

.contact_button input[type="submit"] {
    background: #16171a;
    border: 2px solid #16171a;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: inherit;
    margin-top: 10px;
    cursor: pointer;
}

.contact_button input[type="submit"]:hover {
    background: transparent;
    border-color: #16171a;
    color: #16171a;
}

.blog_dtl_content h2 {
    padding-bottom: 15px;
    line-height: 1.4;
}

.slider_content img {
    width: 70%;
    display: block;
    margin: 0px auto;
}

.title {
    text-align: center;
    padding: 10px 0px 20px;
}

.title h5 {
    color: #2a2828;
    padding-top: 10px;
}

.title h5 span {
    font-size: 40px;
    color: #ff6565;
}

.white .title h5 {
    color: #fff;
}

.dynamic-title {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}

div#text-btn button {
    position: absolute;
    display: inline-block;
    top: 200px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    overflow: hidden;
    transition-delay: 0.2s;
    transition: 0.3s background;
    outline: none;
    font-size: 15px;
    font-family: "Roboto Black", "Helvetica", sans-serif;
    font-weight: 300;
}

div#text-btn button:hover {
    background: rgba(0, 0, 0, 0.5);
}

.pause-btn.transparent {
    background: transparent;
}

span.gold-title {
    font-size: 68px !important;
    margin: -10px 0;
    color: #ff6565;
    font-weight: 700;
}

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

Primary style

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

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    font-style: normal;
}

.cd-words-wrapper i {
    font-style: normal;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

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

xrotate-1 

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

.cd-headline.rotate-1 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.cd-headline.rotate-1 b.is-visible {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-animation: cd-rotate-1-in 1.2s;
    -moz-animation: cd-rotate-1-in 1.2s;
    animation: cd-rotate-1-in 1.2s;
}

.cd-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: cd-rotate-1-out 1.2s;
    -moz-animation: cd-rotate-1-out 1.2s;
    animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1;
    }
}

@-moz-keyframes cd-rotate-1-in {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -moz-transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -moz-transform: rotateX(360deg);
        opacity: 1;
    }
}

@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -webkit-transform: rotateX(120deg);
        -moz-transform: rotateX(120deg);
        -ms-transform: rotateX(120deg);
        -o-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cd-rotate-1-out {
    0% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -moz-transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
}

@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        -moz-transform: rotateX(-40deg);
        -ms-transform: rotateX(-40deg);
        -o-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
}

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

xtype 

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

.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden;
}

.cd-headline.type .cd-words-wrapper::after {
    /* vertical bar */
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 1s infinite;
    -moz-animation: cd-pulse 1s infinite;
    animation: cd-pulse 1s infinite;
}

.cd-headline.type .cd-words-wrapper.selected {
    background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.selected::after {
    visibility: hidden;
}

.cd-headline.type .cd-words-wrapper.selected b {
    color: #0d0d0d;
}

.cd-headline.type b {
    visibility: hidden;
}

.cd-headline.type b.is-visible {
    visibility: visible;
}

.cd-headline.type i {
    position: absolute;
    visibility: hidden;
}

.cd-headline.type i.in {
    position: relative;
    visibility: visible;
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

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

xrotate-2 

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

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-2 i,
.cd-headline.rotate-2 em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1;
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in 0.4s forwards;
    -moz-animation: cd-rotate-2-in 0.4s forwards;
    animation: cd-rotate-2-in 0.4s forwards;
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out 0.4s forwards;
    -moz-animation: cd-rotate-2-out 0.4s forwards;
    animation: cd-rotate-2-out 0.4s forwards;
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0deg);
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        -moz-transform: translateZ(-20px) rotateX(0deg);
        -ms-transform: translateZ(-20px) rotateX(0deg);
        -o-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg);
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}

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

xloading-bar 

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

.cd-headline.loading-bar span {
    display: inline-block;
    padding: 0.2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.loading-bar .cd-words-wrapper::after {
    /* loading bar */
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #0096a7;
    z-index: 2;
    -webkit-transition: width 0.3s -0.1s;
    -moz-transition: width 0.3s -0.1s;
    transition: width 0.3s -0.1s;
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
    width: 100%;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
}

.cd-headline.loading-bar b {
    top: 0.2em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.cd-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0;
}

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

xslide 

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

.cd-headline.slide span {
    display: inline-block;
    padding: 0.2em 0;
}

.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.slide b {
    opacity: 0;
    top: 0.2em;
}

.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in 0.6s;
    -moz-animation: slide-in 0.6s;
    animation: slide-in 0.6s;
}

.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out 0.6s;
    -moz-animation: slide-out 0.6s;
    animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

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

xclip 

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

.cd-headline.clip span {
    /*display: inline-block;*/
    /*padding: 0.2em 0;*/
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
    /* line */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9;
}

.cd-headline.clip b {
    opacity: 0;
}

.cd-headline.clip b.is-visible {
    opacity: 1;
}

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

xzoom 

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

.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.zoom b {
    opacity: 0;
}

.cd-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in 0.8s;
    -moz-animation: zoom-in 0.8s;
    animation: zoom-in 0.8s;
}

.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out 0.8s;
    -moz-animation: zoom-out 0.8s;
    animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}

@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
    }
}

@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px);
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px);
    }
}

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

xrotate-3 

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

.cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in 0.6s forwards;
    -moz-animation: cd-rotate-3-in 0.6s forwards;
    animation: cd-rotate-3-in 0.6s forwards;
}

.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out 0.6s forwards;
    -moz-animation: cd-rotate-3-out 0.6s forwards;
    animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg);
    }
    100% {
        -moz-transform: rotateY(0deg);
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(-180deg);
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0);
    }
    100% {
        -moz-transform: rotateY(-180deg);
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
}

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

xscale 

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

.cd-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.is-visible .cd-headline.scale i {
    opacity: 1;
}

.cd-headline.scale i.in {
    -webkit-animation: scale-up 0.6s forwards;
    -moz-animation: scale-up 0.6s forwards;
    animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
    -webkit-animation: scale-down 0.6s forwards;
    -moz-animation: scale-down 0.6s forwards;
    animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1;
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    60% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1;
    }
    60% {
        -moz-transform: scale(0);
        opacity: 0;
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

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

xpush 

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

.cd-headline.push b {
    opacity: 0;
}

.cd-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in 0.6s;
    -moz-animation: push-in 0.6s;
    animation: push-in 0.6s;
}

.cd-headline.push b.is-hidden {
    -webkit-animation: push-out 0.6s;
    -moz-animation: push-out 0.6s;
    animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}

@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.default-btn {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 20px 45px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: linear-gradient(to right, #fa7c41 0, #ff6565 100%);
}

.default-btn.active {
    background-color: #fff;
    color: #ff6565;
}

.default-btn.active:hover {
    color: #fff;
    background-color: #ff6565;
}

.default-btn:hover {
    color: #111;
    background-color: #fff !important;
}

.default-btn:hover::before {
    left: 200px;
}

.default-btn:hover::after {
    right: 200px;
}

.section-screen-main__bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: -14%;
    bottom: 0px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom;
    background-position: 50% 0;
}

.services {
    margin: 0 -0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 25px;
}

.services__item {
    padding: 45px 25px;
    text-align: center;
    margin: 0 1.5rem 3rem;
    background: #fff;
    -webkit-box-shadow: 0px 1rem 2.6rem rgba(36, 73, 168, 0.15);
    box-shadow: 0px 1rem 2.6rem rgba(36, 73, 168, 0.15);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}

.services__item:hover {
    -webkit-box-shadow: 0px 1rem 2.6rem rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1rem 2.6rem rgba(0, 0, 0, 0.15);
}

.services__item:nth-child(even) {
    -webkit-transform: translateY(-6.9rem);
    -ms-transform: translateY(-6.9rem);
    transform: translateY(-6.9rem);
}

.services2 .services__item:nth-child(even) {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}

.services__decor {
    width: 80.15%;
    border: 5rem solid rgba(219, 223, 243, 0.3);
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -46%);
    -ms-transform: translate(-50%, -46%);
    transform: translate(-50%, -46%);
    z-index: 0;
}

.services__decor:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.services__icon {
    height: 70px;
    position: relative;
    z-index: 1;
}

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

.services__title {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size: 24px;
    /*! line-height: 120%; */
    margin-top: 23px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
    color: #1b2b7c;
}

.services__text {
    margin-top: 0.9rem;
    font-size: 16px;
    /*! line-height: 170%; */
    position: relative;
    z-index: 1;
    color: #646a89;
}

.service_area.style2 ul li {
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #212121;
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    list-style: none;
    padding-top: 3px;
}

.service_area.style2 ul li:last-child {
    margin-bottom: 0;
}

.service_area.style2 ul li i {
    position: absolute;
    top: 1px;
    left: 0;
    color: #1dd3f8;
    font-size: 14px;
    background-color: #d7eef8;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
}


.help_sec {
    padding-top: 30px;
    padding-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(assets/images/help-bg.jpg);
}

.sbox-1 img,
.sbox-2 img {
    width: 100px;
}

.seo_service .sbox-2{
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0);
    background-color: #fff;
    border: none;
}
@media(min-width:1199px){
    .sbox-2{
        height: 545px;
    }
    .seo_service .sbox-2{
        height: 415px !important;
    }
}
.sbox-1,
.sbox-2 {
    position: relative;
    top: 0;
    z-index: 999;
    text-align: center;
    background-color: transparent;
    border: 1px solid #ada9a9;
    padding: 30px 20px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.sbox-1 p,
.sbox-2 p{
    text-align: left;
}
.sbox-1:hover,
.sbox-2:hover {
    border: 1px solid #f5f5f5;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, .15);
    top: -10px;
}

.sbox-2 h5,
.sbox-3 h5 {
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 10px;
}
.sbox-2 p{
    margin-bottom: 10px;
}
.sbox-2 ul{
    padding-left: 15px;
}
.sbox-2 span{
    color: #ff6565;
    margin-bottom: 10px;
    font-weight: 700;
    display: block;
}
.sbox-2 ul li{
    text-align: left;
}
.sbox-2 p,
.sbox-2 ul li{
    color: #2d2d37;
    font-size: 16px;
}
h5.h5-md {
    font-size: 20px;
    color: #343030;
}

.section-main-title h2 {
    font-size: 38px;
}

.white {
    color: #fff;
}

.white h2,
.white h3,
.white h4 {
    color: #fff;
}

/*** 
=============================================
    Working Process Area style3 Css
=============================================
***/

.working-process-area-style3 {
    position: relative;
    display: block;
    background: #fbfbfb;
    padding: 60px 0 60px;
}

.working-process-area-style3 .sec-title-style3 {
    padding-bottom: 67px;
}

.working-process-style3-content {
    position: relative;
    display: block;
    z-index: 1;
}

.working-process-style3-content:before {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    content: "";
    max-width: 880px;
    margin: 0 auto;
    z-index: -1;
}

.single-working-process-style3 {
    position: relative;
    display: block;
    float: left;
    max-width: 277px;
    width: 100%;
    margin-bottom: 30px;
    z-index: 3;
    padding: 0px 12px;
}

.single-working-process-style3:before {
    position: absolute;
    top: 25px;
    left: 100%;
    width: 50px;
    height: 50px;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f061";
    color: #b5b5b5;
    font-size: 25px;
    display: block;
    background: #ffffff;
    text-align: center;
    line-height: 50px;
    margin-left: -25px;
}

.single-working-process-style3:last-child:before {
    display: none;
}

.single-working-process-style3 .icon-holder {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    -webkit-box-shadow: 0px 0px 6px 3px #f3f3f3;
    box-shadow: 0px 0px 6px 3px #f3f3f3;
    border-radius: 5px;
}

.single-working-process-style3 .icon-holder:before {
    position: absolute;
    top: 0;
    left: -20px;
    bottom: 0;
    right: -20px;
    background: #ffffff;
    content: "";
    z-index: -1;
}

.single-working-process-style3 .icon-holder .count {
    position: absolute;
    top: -17px;
    left: -17px;
    width: 45px;
    height: 45px;
    background: #eeeeee;
    border-radius: 50%;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    transform-style: preserve-3d;
    transform: perspective(270px) rotate(0deg) translateZ(0px);
}

.single-working-process-style3:hover .icon-holder .count {
    background: #ff6565;
    transform: perspective(270px) rotate(360deg) translateZ(0px);
}

.single-working-process-style3 .icon-holder .count h5 {
    color: #848484;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    transition: all 200ms linear;
    transition-delay: 0.3s;
}

.single-working-process-style3:hover .icon-holder .count h5 {
    color: #ffffff;
}

.single-working-process-style3 .icon-holder span:before {
    color: #ff6565;
    font-size: 50px;
    display: block;
    line-height: 100px;
}

.single-working-process-style3 .text-holder {
    position: relative;
    display: block;
    padding-top: 23px;
}

.single-working-process-style3 .text-holder h3 {
    margin: 0 0 12px;
    font-size: 19px;
}

.single-working-process-style3 .text-holder p {
    margin: 0;
}

.working-process-area-style3 .service-button {
    position: relative;
    display: block;
    width: 320px;
    margin: 2px auto 0;
}

.working-process-area-style3 .service-button a {
    display: block;
    background: #ffffff;
    border: 2px solid #ff6565;
    color: #131313;
    line-height: 61px;
    padding: 0;
    border-radius: 35px;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.working-process-area-style3 .service-button a:hover {
    color: #ffffff;
    background: #ff6565;
}

.bg-lightgrey {
    background-color: #f8f9fb;
}

.wide-60 {
    padding-top: 60px;
    padding-bottom: 10px;
}

.content-4-img img,
.content-5-img img,
.content-6-img img {
    max-width: none;
    display: inline-block;
}

.content-5-img {
    text-align: center;
    padding-left: 25px;
    margin-bottom: 40px;
}

.txt-block h4.h4-lg,
.txt-block h4.h4-xl,
.txt-block h3.h3-xs {
    margin-bottom: 30px;
}

.txt-block h4.h4-xs {
    margin-bottom: 20px;
}

.list2 {
    padding: 15px 0px;
    display: block;
}

.list2 li {
    font-family: dosis, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #212121;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    padding-right: 15px;
    list-style: none;
    display: flex;
}

.list2 li:last-child {
    margin-bottom: 0;
}

.list2 li i {
    position: absolute;
    top: 3px;
    left: 0;
    color: #1dd3f8;
    font-size: 14px;
    background-color: #d7eef8;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
}

.footer-top-area {
    background-color: #fbfbff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.footer-top-area .footer-shape img {
    position: absolute;
}

.footer-top-area .footer-shape img:nth-child(1) {
    top: 35%;
    right: 0;
    z-index: -1;
    -webkit-animation: rotation 20s linear infinite;
    animation: rotation 20s linear infinite;
}

.footer-top-area .footer-shape img:nth-child(2) {
    top: 35%;
    right: 0;
    z-index: -1;
    -webkit-animation: focus-one 1s linear 1s infinite;
    animation: focus-one 1s linear 1s infinite;
}

.single-widget {
    margin-bottom: 30px;
}

.single-widget img {
    margin-bottom: 30px;
}
.single-widget form p{
    margin-bottom: 0px;
}
.single-widget p {
    color: #1c1b1b;
    margin-bottom: 24px;
}

.single-widget h3 {
    color: #ff6565;
    margin-bottom: 25px;
    font-size: 25px;
    position: relative;
    border-bottom: 2px solid #ff6565;
    padding-bottom: 10px;
}

.single-widget h3::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #1c1a1a;
}

.single-widget ul li {
    margin-bottom: 15px;
    list-style: none;
}

.single-widget ul li:last-child {
    margin-bottom: 0;
}

.single-widget ul li a {
    color: #1c1b1b;
    position: relative;
    padding-left: 0px;
}

.single-widget ul li a .right-icon {
    font-size: 20px;
    position: absolute;
    top: 3px;
    left: 0;
}

.single-widget ul li a:hover {
    color: #ff0707;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.single-widget .information li {
    margin-bottom: 8px;
}

.single-widget .information li a {
    padding-left: 0;
    position: relative;
}

.single-widget .information li a:hover {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.single-widget .information li.address {
    position: relative;
    padding-left: 30px;
    padding-bottom: 8px;
    color: #d9d6d6;
}

.single-widget .information li.address i {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 20px;
    color: #ff6565;
}

.single-widget .information li.address span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.single-widget .social-icon {
    line-height: 1;
}

.single-widget .social-icon li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
}

.single-widget .social-icon li a {
    width: 30px;
    height: 30px;
    line-height: 32px;
    background-color: #3955bc;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    position: relative;
    padding-left: 0;
}

.single-widget .social-icon li a:hover {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}

.single-widget .social-icon li:nth-child(2) a {
    background-color: #1da1f2;
    color: #fff;
}

.single-widget .social-icon li:nth-child(3) a {
    background-color: #1da1f2;
    color: #fff;
}

.single-widget .social-icon li:nth-child(4) a {
    background-color: #d32f2f;
    color: #fff;
}

.single-widget .social-icon li:nth-child(4) a {
    background-color: #0077b5;
    color: #fff;
}

.single-widget .social-icon li:nth-child(5) a {
    background-color: red;
    color: #fff;
}

.footer-bottom-area {
    background-color: #191a1c;
    padding: 15px 0;
}

.footer-bottom-area .copy-right {
    color: #191a1c;
}

.footer-bottom-area .copy-right i {
    position: relative;
    top: 1px;
}

.footer-bottom-area .copy-right a {
    color: #1dd3f8;
}

.footer-bottom-area .copy-right a:hover {
    color: #fff;
}

.footer-bottom-area .designed {
    text-align: right;
    color: #d9d6d6;
}

.footer-bottom-area .designed i {
    position: relative;
    top: 2px;
    color: #1dd3f8;
    -webkit-animation: heartBeat 1000ms infinite linear;
    animation: heartBeat 1000ms infinite linear;
}

.footer-bottom-area .designed a {
    color: #1dd3f8;
}

.footer-bottom-area .privacy {
    text-align: center;
}

.footer-bottom-area .privacy ul li {
    display: inline-block;
    padding-right: 15px;
}

.footer-bottom-area .privacy ul li a {
    color: #d9d6d6;
    position: relative;
}

.footer-bottom-area .privacy ul li a::before {
    content: "";
    position: absolute;
    top: 13px;
    left: -14px;
    width: 10px;
    height: 1px;
    background-color: #d9d6d6;
}

.footer-bottom-area .privacy ul li a:hover {
    color: #1dd3f8;
}

.footer-bottom-area .privacy ul li:first-child a::before {
    display: none;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

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

.pl-30 {
    padding-left: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pr-30 {
    padding-right: 30px;
}

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

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

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

.mtb-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

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

.grey-color {
    color: #eee;
}

.img-responsive {
    width: 100%;
}

.skills-name {
    border-top: 1px solid #e8e8e8;
}


.skills-name {
    border-top: 1px solid #e8e8e8;
}

.skills-card {
    background: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 30px 0px 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.skills-card:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #ff6565;
}

.skills-card:hover .skills-img {
    background: none !important;
    /*-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2);*/
}

.skills-card:hover .skills-name p {
    color: #fff;
}

.skills-card:hover .skills-name p span{
    color: #151948;
}

.skills-name p span{
    color: #ff6565;
    font-size: 34px;
    display: block;
    padding-top: 15px;
}
.skills-card:hover .skills-img img {
    height: 55px;
    margin-left: auto;
    margin-right: auto;
}

.skills-img {
    width: 70px;
    height: 70px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    margin: 0px auto 20px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.skills-img img {
    width: auto;
    height: 70px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.skills-name p {
    color: #48455a;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0px 15px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.wpcf7-spinner{
    display:none !important;
}
.help_sec.v2 .sbox-2 h5.h5-md {
    font-size: 20px;
    color: #fff;
}
@media (min-width: 1199px) {
    .help_sec.v2 .sbox-2 {
        height: 400px;
    }
}
.help_sec.v2 .sbox-2 p, 
.help_sec.v2 .sbox-2 ul li {
    color: #fff;
    font-size: 16px;
}
@media (max-width: 767px) {
    .skills-parent .col-6 {
        padding: 0px 10px;
    }
    .skills-card {
        margin-bottom: 20px;
    }
    .call_do_action{
            padding: 20px 0 90px;
    }
}
.single_brand img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.single_brand:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.single_service_inner {
    padding: 19px 0 5px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    position: relative;
    z-index: 1;
    transition: .5s;
    border-radius: 0 50px 50px 0;
    margin-bottom: 30px;
    background: #fff
}


.cbox-1-txt span {
    color: #e55454;
    font-weight: 600;
    font-size: 18px;
}

.bg-grey {
    background: #f7fafd;
}

.timeline {
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    position: relative;
}

.timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 20px 0;
    border-radius: 6px;
    align-self: center;
    width: 50vw;
}

.timeline__event:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.timeline__event:nth-child(2n+1) .timeline__event__date {
    border-radius: 0 6px 6px 0;
}

.timeline__event:nth-child(2n+1) .timeline__event__content {
    border-radius: 6px 0 0 6px;
}

.timeline__event:nth-child(2n+1) .timeline__event__icon:before {
    content: "";
    width: 2px;
    height: 170%;
    background: #e35b5b;
    position: absolute;
    top: 0%;
    left: 50%;
    right: auto;
    z-index: -1;
    transform: translateX(-50%);
    animation: fillTop 2s forwards 4s ease-in-out;
}

.timeline__event:nth-child(2n+1) .timeline__event__icon:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f6a4ec;
    position: absolute;
    right: 0;
    z-index: -1;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    animation: fillLeft 2s forwards 4s ease-in-out;
}

.timeline__event__title {
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 600;
    color: #151948;
    letter-spacing: 1.5px;
}

.timeline__event__content {
    padding: 26px 20px 20px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    background: #fff;
    width: calc(40vw - 84px);
    border-radius: 0 6px 6px 0;
}

.timeline__event__date {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    background: #c76c42;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 20px;
    border-radius: 6px 0 0 6px;
}

.timeline__event__icon img {
    display: block;
    position: relative;
}

.timeline__event__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c76c42;
    padding: 20px;
    align-self: center;
    margin: 0 20px;
    background: #e35b5b;
    border-radius: 100%;
    width: 40px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    padding: 40px;
    height: 40px;
    position: relative;
}

.timeline__event__icon img {
    width: 48px;
}

.timeline__event__icon:before {
    content: "";
    width: 2px;
    height: 170%;
    background: #f6a4ec;
    position: absolute;
    top: 0%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    animation: fillTop 2s forwards 4s ease-in-out;
}

.timeline__event__icon:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f6a4ec;
    position: absolute;
    left: 0%;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    animation: fillLeftOdd 2s forwards 4s ease-in-out;
}

.timeline__event__description {
    flex-basis: 60%;
}

.timeline__event--type2:after {
    background: #f76f6f;
}

.timeline__event--type2 .timeline__event__date {
    color: #fff;
    background: #f76f6f;
}

.timeline__event--type4 .timeline__event__date {
    color: #fff;
    background: #f76f6f;
}

.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before,
.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after {
    background: #87bbfe;
}

.timeline__event--type2 .timeline__event__icon {
    background: #425c7c;
    color: #f76f6f;
}

.timeline__event--type2 .timeline__event__icon:before,
.timeline__event--type2 .timeline__event__icon:after {
    background: #425c7c;
}

.timeline__event--type2 .timeline__event__title {
    color: #d73838;
}

.timeline__event--type3:after {
    background: #c76c42;
}

.timeline__event--type3 .timeline__event__date {
    color: #fff;
    background-color: #c76c42;
}

.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before,
.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after {
    background: #425c7c;
}

.timeline__event--type3 .timeline__event__icon {
    background: #425c7c;
    color: #425c7c;
}

.timeline__event--type3 .timeline__event__icon:before,
.timeline__event--type3 .timeline__event__icon:after {
    background: #aff1b6;
}

.timeline__event--type3 .timeline__event__title {
    color: #151948;
}

.timeline__event--type4 .timeline__event__title {
    color: #d73838;
}

.timeline__event:last-child .timeline__event__icon:before {
    content: none;
}

@media (max-width: 786px) {
    .timeline__event {
        flex-direction: column;
        align-self: center;
    }
    .timeline__event__content {
        width: 100%;
    }
    .timeline__event__icon {
        border-radius: 6px 6px 0 0;
        width: 100%;
        margin: 0;
        box-shadow: none;
    }
    .timeline__event__icon:before,
    .timeline__event__icon:after {
        display: none;
    }
    .timeline__event__date {
        border-radius: 0;
        padding: 20px;
    }
    .timeline__event:nth-child(2n+1) {
        flex-direction: column;
        align-self: center;
    }
    .timeline__event:nth-child(2n+1) .timeline__event__date {
        border-radius: 0;
        padding: 20px;
    }
    .timeline__event:nth-child(2n+1) .timeline__event__icon {
        border-radius: 6px 6px 0 0;
        margin: 0;
    }
}

@keyframes fillLeft {
    100% {
        right: 100%;
    }
}

@keyframes fillTop {
    100% {
        top: 100%;
    }
}

@keyframes fillLeftOdd {
    100% {
        left: 100%;
    }
}

.ui-steps .row {
    /*margin-left: -6rem;
    margin-right: -6rem;*/
}

.ui-steps div[class^="col-"],
.ui-steps div[class*=" col-"] {
    padding-left: 8rem;
    padding-right: 6rem;
}

.ui-steps div[class^="col-"]:nth-child(1),
.ui-steps div[class*=" col-"]:nth-child(1) {
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .ui-steps div[class^="col-"]:nth-child(1),
    .ui-steps div[class*=" col-"]:nth-child(1) {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .ui-steps .row {
        margin-right: 20px;
        margin-left: -90px;
    }
    .ui-steps div[class^="col-"],
    .ui-steps div[class*=" col-"] {
        padding-left: 4rem;
        padding-right: 2rem;
    }
    .section {
        padding: 2rem 0;
    }
}

@media (min-width: 768px) {
    .ui-steps {
        margin-top: 0;
    }
}

.ui-steps .step-wrapper {
    position: relative;
    padding-left: 6rem;
    text-align: left;
    padding-top: 0;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .ui-steps .step-wrapper {
        padding-left: 0;
        padding-top: 10px;
        width: 100%;
    }
    .ui-steps .step-wrapper:nth-child(1) {
        margin-top: 15px;
    }
}

.ui-steps .step-wrapper::before,
.ui-steps .step-wrapper::after {
    content: " ";
    position: absolute;
    left: 26px;
    margin-left: 0;
    width: 4px;
    border-radius: 4px;
    background-color: #c9d0d8;
}

@media (min-width: 768px) {
    .ui-steps .step-wrapper::before,
    .ui-steps .step-wrapper::after {
        left: 50%;
        margin-left: -2px;
    }
}

.ui-steps .step-wrapper::before {
    top: -1rem;
    bottom: calc(50% + (25px + 1rem));
    display: none;
}

@media (min-width: 768px) {
    .ui-steps .step-wrapper::before {
        display: block;
    }
}

.ui-steps .step-wrapper::after {
    top: calc(50px + 1rem);
    bottom: 1rem;
}

@media (min-width: 768px) {
    .ui-steps .step-wrapper::after {
        top: calc(50% + (25px + 1rem));
        bottom: -1rem;
    }
}

.ui-steps .step-wrapper:nth-child(1)::before {
    display: none;
}

.ui-steps .step-wrapper:nth-last-child(1)::after {
    display: none;
}

.ui-steps .step-wrapper .step-number {
    position: absolute;
    top: 10px;
    left: 1rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    z-index: 2;
}

.ui-steps .step-wrapper .step-number::before {
    content: " ";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 50px;
    height: 50px;
    opacity: 0.25;
    z-index: -1;
}

@media (min-width: 768px) {
    .ui-steps .step-wrapper .step-number {
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 1.8rem;
    }
    .ui-steps .step-wrapper .step-number::before {
        width: 60px;
        height: 60px;
        top: -10px;
        left: -10px;
    }
}

.ui-steps .step-wrapper .step-number,
.ui-steps .step-wrapper .step-number::before {
    border-radius: 100%;
}

.step-number.ui-gradient-green,
.step-number.ui-gradient-green::before {
    background: -moz-linear-gradient(45deg, #ff5b72 0%, #ff6565 100%);
    background: linear-gradient(45deg, #ff5b72 0%, #ff6565 100%);
}

.step-wrapper img {
    width: 100%;
}

.step-wrapper h4 {
    padding-bottom: 7px;
    font-size: 26px;
}

.step-wrapper p {
    font-size: 16px;
}


.tnp-subscription input[type="email"]{
    width:72%;
    float:left;
}
.tnp-subscription div.tnp-field{
    margin-bottom: 0px;
}
.single_subscribe_contact{
    min-height:150px;
}
.tnp-subscription input.tnp-submit{
    float:right;
    padding: 15px 23px;
}
.tnp-subscription{
    padding-top:0px;
}




#audit-form {
width: 100%;
padding:25px;
background-color: #dbdbdb;
box-shadow: 5px 5px #888888;
}
#audit-form.horizontal .audit-form-field-wrapper,
#audit-form.horizontal button {
width: 100%;
max-width: 200px;
float: left;
padding: 0 5px;
}

form#audit-form.horizontal {
width:100%;
overflow: auto;
padding: 10px;
margin: 0 auto;
}

#audit-form.horizontal button {
padding: 10px;
margin-top: 25px;
}f

#audit-form label {
display: block;
}

#audit-form input {
background-color:#fff;
}
#audit-form input:focus{
    border: 3px solid #fa7c41 !important;
}
#audit-form input{
    padding: 7px 4px;
}
#audit-form.horizontal button{
    padding: 9px;
    background: linear-gradient(to right, #fa7c41 0, #ff6565 100%) !important;
    border:none !important;
}
#audit-form.horizontal button:hover{
    background: #1b75bc !important;
}
#audit-form {
text-align: center;
}
#audit-form .loader {
padding: 0 !important;
margin: 0 auto;
display: block;
clear: both;
max-width: 150px;
}
#audit-form button {
color:#fff;
border:1px solid #000;
background-color:#1b75bc;
}
.audit-powered-by{
    display:none;
}
#audit-form{
    box-shadow: inherit !important;
    background-color: transparent !important;
}

#seogroup .seo-scorform .form .form-group input{
    margin-bottom:15px !important;
}
#seogroup .seo-scorform .form .form-group input[type=text]{
    border: 1px solid #ddd !important;
}
.btn-competitor-url{
    display:none !important;
}



/** pricing-section **/

.pricing-section {
    position: relative;
    width: 100%;
    padding: 93px 0px 100px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.pricing-section:before {
    position: absolute;
    content: "";
    background: #f5faff;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    opacity: 0.9;
}

.pricing-section .upper-box {
    position: relative;
}

.pricing-section .upper-box .title-inner {
    position: relative;
    display: block;
    max-width: 820px;
    width: 100%;
}

.pricing-section .upper-box .title-inner .sec-title {
    width: 45%;
}

.pricing-section .upper-box .title-inner .text {
    position: relative;
    padding-left: 20px;
    margin-top: 4px;
    width: 55%;
}

.pricing-section .upper-box .title-inner .text:before {
    position: absolute;
    content: "";
    background: #8db6d6;
    width: 1px;
    height: 75px;
    left: -50px;
    top: 3px;
}

.pricing-block-one .pricing-table {
    position: relative;
    display: block;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    transition: all 500ms ease;
}

.pricing-block-one .pricing-table:hover,
.pricing-block-one.active-block .pricing-table {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.pricing-block-one .pricing-table .table-header {
    position: relative;
    display: block;
    padding: 33px 0px 22px 0px;
}

.pricing-block-one .pricing-table .table-header h3 {
    margin-bottom: 21px;
    color: #ff6565;
}

.pricing-block-one .pricing-table .table-header .price-box {
    position: relative;
    display: block;
    padding: 28px 0px 30px 0px;
    margin-bottom: 5px;
    background: linear-gradient(0deg, #3c3737, #715354 100%);
}

.pricing-block-one .pricing-table .table-header .price-box span {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 14px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 25px;
    opacity: 0;
    transition: all 500ms ease;
}

.pricing-block-one.active-block .pricing-table .table-header .price-box span,
.pricing-block-one .pricing-table:hover .table-header .price-box span {
    opacity: 1;
    top: -10px;
}
.pricing-block-one .pricing-table:hover .order_now a{
    background: #ff6565;
    color: #fff;
}
.pricing-block-one.active-block .pricing-table:hover .order_now a{
    background: #716c6c;
    color: #eee;
}
.pricing-block-one .pricing-table .table-header .price-box h2 {
    position: relative;
    display: block;
    font-size: 44px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0px;
}

.pricing-block-one .pricing-table .table-header .price-box p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin: 0px;
}

.pricing-block-one .pricing-table .table-header .text {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
}

.pricing-block-one .pricing-table .table-content {
    position: relative;
    display: block;
    padding: 28px 25px 29px 25px;
    text-align:left;
}
.pricing-block-one .pricing-table .table-content ul.xx li{
    position: relative;
    display: block;
    font-size: 19px;
    color: #222;
    margin-bottom: 12px;
    text-align: center;
}
.pricing-block-one .pricing-table .table-content ul.xx li i{
    text-align: center;
    vertical-align: bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px;
    border-radius: 50%;
    text-align: center;
    top: -3px;
    position: relative;
}
.pricing-block-one .pricing-table .table-content ul li {
    position: relative;
    display: block;
    font-size: 14px;
    color: #222;
    margin-bottom: 6px;
}
.pricing-block-one .pricing-table .table-content ul li i{
    text-align:left;
    vertical-align: bottom;
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 8px;
    line-height: 14px;
    margin-right: 8px;
    border-radius: 50%;
    text-align: center;
    top: -7px;
    position: relative;
}
.pricing-block-one .pricing-table .table-content ul li i.green{
    color: #fff;
    background-color: #3ebf3c;
}
.pricing-block-one .pricing-table .table-content ul li i.red{
    color: #fff;
    background-color: #ed0f0f;
}
.pricing-block-one .pricing-table .table-content ul li:last-child {
    margin-bottom: 0px;
}

.pricing-block-one .pricing-table .table-content ul li del {
    opacity: 0.5;
}

.pricing-block-one .pricing-table .table-footer {
    position: relative;
    padding-bottom: 31px;
}

.pricing-section .tab-btn-box {
    position: absolute;
    top: 25px;
    right: 0px;
}

.pricing-section .tab-btn-box .tab-btns {
    position: relative;
    display: inline-block;
    background: #deebf7;
    overflow: hidden;
    border-radius: 30px;
}

.pricing-section .tab-btn-box .tab-btns li {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    border-radius: 30px;
    padding: 14px 30px;
    text-align: center;
    cursor: pointer;
    transition: all 500ms ease;
}

.pricing-section .tab-btn-box .tab-btns li.active-btn,
.pricing-section .tab-btn-box .tab-btns li:hover {
    color: #fff;
}

.pricing-section .upper-box {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.pricing-block-one.active-block .pricing-table .table-header .price-box span, .pricing-block-one .pricing-table:hover .table-header .price-box span {
    opacity: 1;
    top: -10px;
}
.pricing-block-one .pricing-table .table-header .price-box span {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 14px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 25px;
    opacity: 0;
    transition: all 500ms ease;
}
.pricing-block-one .pricing-table .table-header .price-box span {
    background: #ff7800;
}
.faq-area{
    padding: 95px 0 100px;
    background-color: #f6f3ea;
}
.question-single h4 {
    font-weight: 600;
    font-size: 23px;
    line-height: 32px;
    color: #27384a;
    margin-bottom: 10px;
}


.ps-table--compare {
    table-layout: fixed;
}

.ps-table--compare tbody tr td {
    padding: 7px 20px;
    text-align: center;
    vertical-align: center;
}

.ps-table--compare tbody tr td .price.sale {
    color: #ec0101;
}

.ps-table--compare tbody tr td .price.sale del {
    color: #000;
}

.ps-table--compare tbody tr td .ps-btn {
    width: 100%;
    text-align: center;
}

.ps-table--compare tbody tr td .in-stock {
    color: #89aa01;
    font-weight: 600;
}

.ps-table--compare tbody tr td .out-stock {
    font-weight: 600;
}
.ps-table--compare tbody tr td.heading
.ps-table--compare tbody tr td .sold-by {
    text-decoration: underline;
    color: #0066cc;
}

.ps-table--compare tbody tr td .sold-by:hover {
    color: #fcb800;
}

.ps-table--compare tbody tr td.heading {
    color: #110f0f;
    font-weight: 400;
    text-align: center;
    background-color: #f4f4f4;
    padding-bottom: 12px;
}

@media (max-width: 1199px) {
    .ps-table--compare {
        table-layout: initial;
    }
    .ps-table--compare tbody tr td {
        min-width: 300px;
    }
}

.ps-product--compare h4{
    font-size:20px;
}


.location_tag ul{
    padding-left: 0;
    padding-top: 20px;
}
.location_tag ul li{
    display: inline-block;
    margin: 0 7px 10px 0;
}
.location_tag ul li::before{
    content:none !important;
}
.location_tag ul li a {
    position: relative;
    display: block;
    padding: 5px 14px;
    color: #111;
    border: 1px solid #fa7c41;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
}
.location_tag ul li a:hover {
    color: #111;
    border: 1px solid #aed22b;
}
.country_box ul li{
    font-size: 18px !important;
    color: #111;
    display: inline-block;
    padding-right: 25px;
    font-weight: 550;
    padding-bottom: 12px;
}
.country_box ul li i{
    color: #fa7c41;
    padding-top: 2px;
    padding-right: 8px;
}
.slider_text_inner h1 span{
	color: #ff6565;
}
.wp-block-image img{
    width:100%;
}


/*.solve_nav_manu.sticky .phone_no{
    display:none !important;
}*/
.solve_nav_manu.sticky .stick_list{
    display: inline-block !important;
}
.solve_nav_manu.sticky .stick_list a:hover{
    text-decoration:none;
    color:#ff6565;
}
.single_point.v2 span{
    width: 52px;
    height: 52px;
}
.single_point.v2 span img{
    width: 30px;
    height: 30px;
}
@media(min-width:992px){
    .section_title p{
        width: 70%;
        margin: 20px auto 5px;
    }
}
@media screen and (max-width: 1440px) {
  .box{
    padding: 35px;
    margin-bottom: 35px;
  }
}

.box {
    padding: 22px 32px;
    margin-bottom: 40px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 0px 40px rgba(0 0 0 / 3%);
    position: relative;
    transition: all 0.3s ease-in-out;
}
.box.bx1::before {
    background-image: url(assets/images/phservice1.jpg);
}
.box.bx2::before {
    background-image: url(assets/images/phservice2.jpg);
}
.box.bx3::before {
    background-image: url(assets/images/phservice3.jpg);
}
.box.bx4::before {
    background-image: url(assets/images/phservice4.jpg);
}
.box.bx5::before {
    background-image: url(assets/images/phservice5.jpg);
}
.box.bx6::before {
    background-image: url(assets/images/phservice6.jpg);
}
.box::before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    border-radius: 5px;
    display: none;
    transition: all 0.3s ease-in-out;
}
.box:hover {
    background-color: var(--e-global-color-secondary);
}
.box:hover::before {
    display: block;
    transition: all 0.3s ease-in-out;
}
.potential-box{
    position: relative;
    z-index: 1;
}
.potential-box figure {
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
}
.box:hover figure{
    filter: brightness(0) invert(1);;
}
.potential-box h4{
    margin-bottom: 15px;
}
.box:hover h4{
    color: #fff;
}
.potential-box p{
    margin-bottom: 22px;
    color: var(--e-global-color-text);
    margin-right: 42px;
}
.box:hover p{
    color: #fff;
}
.potential-box .read_more {
    padding: 12px 28px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    color: var(--e-global-color-secondary);
    background: transparent;
    border: 1px solid var(--e-global-color-secondary);
    transition: all 0.3s ease-in-out;
}
.box:hover .read_more {    
    color: #fff;
    background: #fa7c41;
    border: 1px solid #fa7c41;
}
.potential-box .read_more:hover  { 
    color: #fa7c41;
    background: transparent;
    border: 1px solid #fa7c41;
}
.other_services .single_feature_box_content h2{
    font-size: 22px;
}

.digital_about-section{
    position: relative;
    padding: 75px 0 42px;
}
.digital_about-section .about-toplayer{
    position: absolute;
    top: 0;
    left: 0;
}
.digital_about-section .about_content h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding-left: 72px;
    margin-bottom: 15px;
    position: relative;
    color: #fa7c41;
}
.digital_about-section .about_content h5:before {
    content: "";
    position: absolute;
    width: 55px;
    height: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #fa7c41;
}
.digital_about-section .about_content h2 {
    margin-right: 30px;
    margin-bottom: 18px;
}
.digital_about-section .about_content .text{
    color: var(--e-global-color-very-dark-blue);
}
.digital_about-section .about_wrapper{
    position: relative;
}
.digital_about-section .about_wrapper .about-circularimage{
    position: absolute;
    right: -80px;
    top: -38px;
}
.digital_about-section .about_wrapper .about-image1{
    position: relative;
    right: -36px;
    top: 65px;
}
.digital_about-section .about_wrapper .about-image1 img{
    border-radius: 20px 20px 20px 100px;
    border: 5px solid #fff;
    box-shadow: 1px 0px 100px rgb(0 0 0 / 5%);
}
.digital_about-section .lower-portion{
    position: relative;
}
.digital_about-section .lower-portion .about_wrapper{
    position: relative;
    display: inline-block;
}
.digital_about-section .lower-portion .about_wrapper{
    padding-top: 75px;
}
/*.digital_about-section .lower-portion .about_wrapper .about-image2{
    position: relative;
    left: 0;
    top: -108px;
}*/
.digital_about-section .lower-portion .about_wrapper .about-image2 img{
    border-radius: 20px 100px 20px 20px;
    border: 5px solid #fff;
    box-shadow: 1px 0px 100px rgb(0 0 0 / 5%);
}
.digital_about-section .lower-portion .about_wrapper .about-globalimage{
    position: absolute;
    left: -238px;
    bottom: 118px;
}
.digital_about-section .lower-portion .about_content{
    position: relative;
    padding-left: 35px;
    padding-top: 75px;
}
.digital_about-section .lower-portion .about_content ul{
    padding-left: 16px;
    margin-bottom: 30px;
}
.digital_about-section .lower-portion .about_content ul li {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
}
.digital_about-section .lower-portion .about_content ul li .circle {
    position: relative;
    top: 4px;
    left: -26px;
    width: 29px;
    height: 32px;
    line-height: 17px;
    background: transparent;
    border: 2px solid #fa7c41;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    display: ruby-base-container;
}
.digital_about-section .lower-portion .about_content ul li:hover .circle{
    background: #fa7c41;
}
.digital_about-section .lower-portion .about_content ul li .circle:before {
    font-size: 12px;
    position: absolute;
    left: 2px;
    top: -1px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease-in-out;
    color: #fa7c41;
}
.digital_about-section .lower-portion .about_content ul li:hover .circle:before{
    color: #fff;
}
.digital_about-section .lower-portion .about_content .learn_more {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    padding: 23px 66px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    background: #fa7c41;
    transition: all 0.3s ease-in-out;
}
.digital_about-section .lower-portion .about_content .learn_more:hover {
    background: #ff6565;
}


.service-box {
    position: relative;
    background-color: #fa7c4133;
    text-align: center;
    padding: 30px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 1;
    margin-bottom: 80px;
}
.service-box2{
    padding: 15px 15px;
    border: 1px solid #fa7c41;
    border-radius: 5px;
    margin-bottom: 90px;
}
.service-box2 .box-title{
    margin-bottom: 12px;
    font-size: 22px;
}
.service-box .box-title {
    margin-bottom: 12px;
    font-size: 22px;
}

.service-box_icon {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}
/*
.service-box_text {
    margin: 0 0 -0.5em 0;
}*/
.service-box_text{
    color: #333;
}
.service-box .global-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background: #fff;
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 90px;
    border-radius: 50%;
    position: relative;
    border: 5px solid #fff;
    z-index: auto;
    display: block;
    margin: -80px auto auto auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.service-box .global-icon:after {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    height: 104px;
    width: 104px;
    line-height: 95px;
    border: 5px solid #fa7c41;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.service-box .global-icon img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.service-box_content {
    position: relative;
    padding: 0 10px 25px 10px;
}

.service-box:hover .global-icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.service-img img {
    width: 100%;
}

.sidebar-nav .hamburger.is-open{
    display: block !important;
}
.sidebar-nav .hamburger{
    display: none;
}
@media(max-width: 767px){
    #sidebar-wrapper{
        display:none !important;
    }
}
.page15 #sidebar-wrapper{
    opacity: 0;
}
#sidebar-wrapper {
    opacity: 1;
    z-index: 999999;
    left: 0px;
    width: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.v-1{
    opacity: 1 !important;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 220px;
    left: inherit;
    right: 0px !important;
    position: fixed;
    padding:0px;
}
.hamburger.is-open{
    z-index: 10001;
    position: fixed;
    right: 0px;
    top: 0px;
}
.hamburger.is-open span{
    background-color: #fff !important;
}
#page-content-wrapper {
    width: 100%;
    padding-top: 70px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.navbar {
  padding: 0;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;    
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #ff6565;
    text-decoration: none;
    background-color:inherit !important;
}
.sidebar-header {
    text-align: center;
    font-size: 20px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.sidebar-brand {
    height: 75px;
    position: relative;
    background:#212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
   padding-top: 1em;
}
.sidebar-brand a {
    color: #ddd;
}
.sidebar-brand a:hover {
    color: #fff;
    text-decoration: none;
}
.dropdown-header {
    text-align: center;
    font-size: 1em;
    color: #ddd;
    background:#212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}
.dropdown-menu.show {
    top: 0;
}
/*Fontawesome icons*/
.nav.sidebar-nav li a::before {
    font-family: fontawesome;
    content: "\f061";
    vertical-align: baseline;
    display: inline-block;
    padding-right: 5px;
}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: fixed;
  top: 26px;  
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 1;
}
.tgl{
    display: inline-block;
}
.close_menu{
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 999999;
}
.close_menu i{
    color: #fff;
    font-size: 18px;
}

a:hover{
    text-decoration:none !important;
}
.sbox-2 h5 a:hover, 
.sbox-3 h5 a:hover{
    color: #e55454;
    text-decoration:none;
}





@media (max-width: 767px) {
    .thank_sec {
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .thank_sec h1 {
        font-size: 26px !important;
    }
    .thank_sec p {
        font-size: 16px !important;
    }
}
@media (min-width: 768px) {
    .thank_sec {
        padding-top: 8%;
        padding-bottom: 10%;
    }
}
.thank_sec h1 {
    color: #111;
    padding: 15px 1px 0;
    font-size: 36px;
    margin-bottom: 15px;
}
.msg_txt a {
    font-size: 19px;
    color: #f79645;
    font-weight: 600;
}
.thank_sec p {
    color: #111;
    padding: 5px 1px 15px;
    font-size: 18px;
}


.pagination {
    padding-left: 10px;
    display: block;
    width: 100%;
    text-align: center;
}

.pagination-area {
    margin-top: 30px;
}

.page-numbers {
    width: 35px;
    height: 35px;
    margin: 0 3px;
    display: inline-block;
    background-color: #fff;
    line-height: 35px;
    color: #464646;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    font-size: 17px;
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
}

.page-numbers.next {
    width: 75px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
}

.page-numbers.prev {
    width: 75px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
}

.page-numbers.current,.page-numbers:focus,.page-numbers:hover {
    background: #666;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
}

.page-numbers i {
    font-size: 20px;
    position: relative;
    top: 4px;
}


.search-box-outer .dropdown-menu{
	top:56px !important;
	left: auto !important;
	right: 0;
	padding:0px;
	width:280px;	
	border-radius:0px;
	transform: none !important;
	border-top:3px solid #ea3a60;
}

.search-panel .form-container{
	padding:5px 20px;	
}

.search-panel .form-group{
	position:relative;
	margin:0px;	
}

.search-panel input[type="text"],
.search-panel input[type="search"],
.search-panel input[type="password"],
.search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.search-panel input[type="text"]:focus{
	
	border:1px solid #ff6565 !important;
}

.search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

.main-header .outer-box .btn-box .theme-btn{
	position: relative;
	float: right;
}


/*
.search_btn{
  color: #FC2121;
  text-decoration: none;
  border: 4px solid #FC2121;
  padding: 10px 15px;
  line-height: 3;
  -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
				  transition: all .3s ease;
}

.search_btn:hover{
  color: #FFF;
  background: #FC2121;
  -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
				  transition: all .3s ease;  
}*/

/* Search Style */ 
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 30%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(4 3 3);
    background: #fff;
    border-top: 1px solid rgba(255, 255, 255, .8);
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    outline: none;
    padding: 10px;
}
#search input[type="search"]::placeholder{
    color: #111;
    font-size: 40px;
    font-weight: 300;
}  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
}

#search .close:hover{
  color: #FC2121;
  cursor: pointer;
}
/*search box btn*/
.sub-menu.search-panel{
    width: 300px !important;
}
.search-panel .form-container h4{
    margin-bottom:7px;
}
.solve_menu ul .search-panel{
    width: 350px;
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 0;
    z-index: 9999;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    border-top: 2px solid #ff6565;
}
.search-box-outer{
	position:relative;
	float: left;
	padding: 46px 0px;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.search-box-btn{
	position: relative;
	height: 30px;
    cursor: pointer;
    background: none;
    font-size: 16px;
    color: #ffffff;
	padding-left:20px;
	border-left:1px solid rgba(255,255,255,0.90);
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.search-box-btn:hover{
	color: #ea3a60;
}

.dropdown-toggle::after{
	display: none;
}

.search-box-outer .dropdown-menu{
	top:56px !important;
	left: auto !important;
	right: 0;
	padding:0px;
	width:280px;	
	border-radius:0px;
	transform: none !important;
	border-top:3px solid #ea3a60;
}

.search-panel .form-container{
	padding:5px 20px;	
}

.search-panel .form-group{
	position:relative;
	margin:0px;	
}

.search-panel input[type="text"],
.search-panel input[type="search"],
.search-panel input[type="password"],
.search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.search-panel input:focus,
.search-panel select:focus{
	border-color:#ea3a60;	
}

.search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

.main-header .outer-box .btn-box .theme-btn{
	position: relative;
	float: right;
}


.search-container2 {
    margin: 0px auto;
    padding-bottom:80px;
    z-index: 10;
    position: relative;
}

/*.content-area{
    text-align:center;
}*/
#ss-search-page-form {
    text-align:center;
    margin: auto;
    padding-top:50px;
}
#ss-search-page-form .search-field {
    border: 2px solid #dddddd;
    border-radius: 4px;
    width:60%;
    margin-top:20px;
}
#ss-search-page-form .search-submit {
    padding: 10px 10px;
    margin-bottom:5px;
    text-transform: uppercase;
}


.search-page-title {
    font-family: 'montserratlight', sans-serif;
    font-size: 34px;
    font-weight: 300 !important;
    letter-spacing: 2px;
    line-height: 50px;
    text-align:center;
    display:block;
    text-transform:uppercase;
    padding-top:50px;
    padding-bottom:25px;
    
}
.search_pic{
    margin:0px auto;
    display:block;
}
.search-post-title {
    font-size: 20px;
    font-weight: 700 !important;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    display: block;
    color: #2d3e50;
    margin-top: 15px;
}
.search-post-link {
    font-size: 12px;
    font-weight: 300 !important;
	letter-spacing: 0px;
    line-height: 20px;
    text-align:center;
    display:block;
    color: #1a0dab;
}
.search-post-excerpt {
    font-size: 13px;
    font-weight: 400 !important;
    letter-spacing: 2px;
    line-height: 16px;
    text-align:left;
    display:block;
    padding: 5px 0px;
}
.search-post-excerpt p{
    text-align: center;
    font-size: 15px;
    line-height: 22px;
}
.single_search{
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d5cbcb;
    width:80%;
    margin:20px auto;
}






.accordion-item:first-of-type,.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.accordion-item:last-of-type,.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.5rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #151948;
    font-weight: 550;
    font-size: 18px;
    background-color: #f6f8fb;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-panel {
    padding: 15px 25px;
    display:none;
}
.accordion-panel ul{
    padding-left:15px;
}
.accordion-panel ul li{
    list-style:disc;
}
.accordion-panel ol{
    padding-left:15px;
}
.accordion-panel ol li{
    list-style:decimal;
}
.accordion-panel .btn{
    padding: 11px 28px;
    font-size: 15px;
}
.accordion-panel h3,
.accordion-panel h4,
.accordion-panel h5{
    margin-bottom:10px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}
.accordion > li{
    list-style: none;
}


.label{
    
}
.page .field .label p{
    font-weight: 550;
    font-size: 16px;
    color: #151948;
    padding-left:0px;
    text-align:left;
    position:absolute;
}
.label p{
    font-weight: 550;
    font-size: 16px;
    color: #151948;
    padding-left:0px;
    text-align:left;
}
.page .field {
    margin: 25px 0;
    position: relative;
}
.page .field input[type="radio"]{
    width: 15px;
    height: 15px;
}

.wpcf7-list-item-label{
    font-size: 17px;
}
.checkbox_label{
    margin-right: 10px;
    padding-left: 5px;
}
.page .field input[type="file"]{
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 5px;
    margin: 0 1px;
    font-size: 18px;
    transition: border-color 150ms ease;
}

.page .field textarea{
    box-sizing: border-box;
    width: 100%;
    min-height: 70px;
    border: 1px solid #666;
    border-radius: 5px;
    padding-left: 15px;
    margin: 0 1px;
    font-size: 18px;
    transition: border-color 150ms ease;
}
.page .field input[type="text"],
.page .field input[type="tel"],
.page .field input[type="email"],
.field input[type="file"]{
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 5px;
    margin: 0 1px;
    font-size: 18px;
    transition: border-color 150ms ease;
}

.page .field input[type="text"]::focus,
.page .field input[type="tel"]::focus,
.page .field input[type="email"]::focus,
.field input[type="file"]::focus{
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border: 1px solid #151948 !important;
    border-radius: 5px;
    padding: 5px;
    margin: 0 1px;
    font-size: 18px;
    transition: border-color 150ms ease;
}
.page .field input.invalid-input {
    border-color: var(--errorColor);
}
.career_submit{
    background: #16171a;
    border: 2px solid #16171a;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: inherit;
    margin-top: 10px;
    cursor: pointer;
}

.career_submit:hover {
    background: transparent;
    border-color: #16171a;
    color: #16171a;
}

.page .field button {
    padding: 15px 20px;
    display: block;
    margin: 0px auto;
    border: none;
    background: var(--secondary);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.5s ease;
}
.page .field button:hover {
    background: #000;
}
#myDiv{
    width: 100%;
    display:none;
}


.contact-form input[type="text"] {
    width: 100%;
    max-width: 100%;
    height: 60px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

.contact-form input[type="email"] {
    width: 100%;
    max-width: 100%;
    height: 60px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

.contact-form input[type="tel"] {
    width: 100%;
    max-width: 100%;
    height: 60px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

.contact-form textarea {
    width: 100%;
    max-width: 100%;
    height: 140px;
    padding: 30px;
    border: 1px solid #cecece;
}

.contact-form select {
    width: 100%;
    max-width: 100%;
    height: 60px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

.contact-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 30px) 34px, calc(100% - 25px) 34px, calc(100% - 3.5em) 20px;
    background-size: 5px 5px, 5px 5px, 1px 40px;
    background-repeat: no-repeat;
}

.contact-form input[type="submit"] {
    height: 60px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(to right, #fa7c41 0, #ff6565 100%);
    border: none;
    padding: 0 40px;
    width: 70%;
    margin: 0px auto;
    display: block;
}
.contact-form input[type="submit"]:hover{
    background: linear-gradient(to left, #fa7c41 0, #ff6565 100%);
}
.faq-section.style-two .accordion-box{
	max-width:970px;
	margin:0 auto;
}

.faq-section .content-column{
	position:relative;
}

.faq-section .content-column .inner-column{
	position:relative;
	padding-right:70px;
	margin-bottom:40px;
}

.faq-section .content-column .inner-column .sec-title{
	margin-bottom:50px;
}

/* Accordian Box */

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position: relative;
    margin-bottom:30px;
}

.accordion-box .block:last-child{
	margin-bottom:0px;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	cursor:pointer;
	line-height:35px;
	color:#414d60;
	font-weight:400;
	border-radius:4px;
	padding:12px 25px 12px 25px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	border:1px solid #efdeec;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:25px;
	top: 13px;
    font-size: 16px;
    line-height: 35px;
    color: #555555;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn .icon-outer .icon{
	position: relative;
}

.accordion-box .block .acc-btn.active{
	background-color: #ffffff;
	color: #ea3a60;
	border-color:#ffffff;
	box-shadow:0px 10px 25px rgba(0,0,0,0.10);
    font-weight: 500;
}

.accordion-box .block .acc-btn.active .icon-outer{
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
    color: #ea3a60;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	font-size:16px;
	padding:30px 35px 0px 25px;
}

.accordion-box .block .content .text{
}
.accordion-box .block .content p{
	position:relative;
	font-size:16px;	
	line-height: 1.7em;
	color:#313338;
}
.accordion-box .block .content p:last-child{
	margin-bottom:0px;	
}

.faq-section .video-column{
	position:relative;
}

.faq-section .video-column .inner-column{
	position:relative;
	padding-right:15px;
}
.accordion-box li{
    list-style: none;
}

.testimonial_list{
    position: relative;
}
.testimonial_list .owl-nav{
    display: block !important;
}
.testimonial_list .owl-nav .owl-prev{
    left: -40px;
    position: absolute;
    top: 40%;
}
.testimonial_list .owl-nav .owl-next{
    right: -40px;
    position: absolute;
    top: 40%;
}
.testimonial_list .owl-nav .owl-prev,
.testimonial_list .owl-nav .owl-next{
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background-color: #333;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 23px;
}
.foot_btm{
    text-align: center;
}
.foot_btm ul li{
    list-style: none;
    display: inline-block;
    padding: 0px 10px;
}
.foot_btm ul li a {
    color: #ff3131;
    position: relative;
    padding-left: 0px;
    font-size: 16px;
}
.foot_btm ul li a:hover{
    color: #111;
}
.home-badge{
    padding: 11px 22px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    margin: 0 10px;
    cursor: pointer;
    position: absolute;
    left: inherit;
    right: 15px;
    background-color: #f14141;
    color: #fff2f2;
    top: 5px;
    border-radius: 10px 0px 10px 0px;
}
.apply_btn.close{
    display:none !important;
}

@media(max-width: 767px){
    #mni-membership-638532595773502187{
        margin-top:30px;
    }
}
.img_src,
.img_src a{
    color: #ff6565;
}
@media (max-width: 1400px) {
    .pick-Your-Product {
        width: 100%;
    }
}
.pick-Your-Product {
    /*! width: 90%; */
    background-color: #f1e1e1;
    display: flex;
    align-items: center;
    border-radius: 51px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
    margin-bottom: 20px;
    /*! padding-bottom: 12px; */
}
.pick-Your-Product span {
    width: 80px;
    border: 3px solid #fff;
    fill: #df9a9a;
    height: auto;
    background-color: #fff;
    border-radius: 50%;
    padding: 17px;
    margin-right: 14px;
    text-align: center;
    /*! margin-top: 11px; */
}
.pick-Your-Product span i {
    /*! width: 41px; */
    /*! height: auto; */
    font-size: 34px;
    padding-right: 0px;
    text-align: center;
}
.pick-Your-Product h6 {
    /*! font-weight: bold; */
    font-size: 24px;
    color: #222;
    margin-top: 0px;
}
.bg_img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
}
.pick-Your-Product:hover {
    background-color: #ff6565;
}
.pick-Your-Product:hover h6 {
    color: #eee;
}
.pick-Your-Product:hover span {
    background-color: #1c1a1a;
}
.pick-Your-Product:hover span i {
    transform: rotade(360deg);
    color:#fb8585;
}

.single-working-process {
    position: relative;
    display: block;
    padding-top: 40px;
    background: 0 0;
    transition: all .5s ease;
    margin-bottom: 60px
}

.single-working-process:hover {
    transform: translateY(-10px)
}

.single-working-process .top-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
    display: block;
    border: 3px solid #ff6565;
    padding: 27px 0;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    z-index: 3
}

.single-working-process .top-box::before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    background: #ff6565;
    border-radius: 50%;
    transition: all .5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateY(-90deg) translateZ(0);
    opacity: 0;
    z-index: -1
}

.single-working-process:hover .top-box::before {
    transform: perspective(1200px) rotateY(0) translateZ(0);
    transition-delay: .1s;
    opacity: 1
}

.single-working-process .top-box span {
    color: #27282c;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .7s ease .1s
}

.single-working-process:hover .top-box span {
    color: #fff;
    transition: all .7s ease .5s
}

.single-working-process .inner {
    position: relative;
    display: block;
    padding: 82px 30px 50px;
    background: #fff;
    border-top: 3px solid #ff6565;
    -webkit-box-shadow: 0 6px 10px 3px #e8e8e8;
    box-shadow: 0 6px 10px 3px #e8e8e8;
    transition: all .3s ease
}

.single-working-process:hover .inner {
    box-shadow: none
}

.single-working-process .inner h3 {
    color: #27282c;
    font-weight: 600;
    margin: 0 0 18px
}

.single-working-process .inner p {
    margin: 0
}

.single-working-process .inner .icon-holder {
    position: relative;
    display: block;
    padding-top: 22px
}

.single-working-process .inner .icon-holder span:before {
    color: #bababa;
    font-size: 80px;
    line-height: 80px;
    transition: all .7s ease .5s
}

.single-working-process:hover .inner .icon-holder span:before {
    color: #ff6565;
    transition: all .7s ease .5s
}
.single-working-process h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.about_area.seo{
    background: rgba(234, 102, 102, 0.27) !important;
}
.reg_bg {
    background: rgba(234, 102, 102, 0.27) !important;
}
.tools_box{
    text-align: center;
    border-radius: 8px;
    padding: 15px 10px;
    background-color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    box-shadow: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 2px 28px 0 rgba(120, 109, 109, 0.19);
}
@media(min-width: 1199px){
    .single-working-process .inner{
        height: 380px;
    }
}
@media(max-width: 767px){
    .mb_none{
        display: none !important;
    }
    .mb_show{
        display: block !important;
    }
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px;
    background-color: #333;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

.logo img {
    height: 50px;
}

.menu-toggle {
    display: none;
    font-size: 24px;
    color: white;
    cursor: pointer;
}

.menu {
    display: flex;
    list-style: none;
}

.menu li {
    position: relative;
}

.menu li a {
    color: white;
    padding: 15px 20px;
    text-decoration: none;
    display: block;
}

.menu li a:hover {
    background-color: #444;
}

.submenu2 {
    display:none;
    position: relative;
    top: 100%;
    left: 10px;
    background-color: #333;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px;
}

.submenu2 li a {
    padding: 10px 15px;
}

.submenu2 li a:hover {
    background-color: #444;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #333;
        position: absolute;
        right: 0px;
        z-index: 999999;
    }
    .sub-menu2{
        left: 10px;
        position:relative;
    }
    .menu li {
        width: 100%;
    }
    header .menu li a{
        padding: 8px 20px !important;
    }
    header .menu-toggle {
        display: block;
        float: right;
        z-index: 9999;
        position: absolute;
        top: 20px;
        right: 15px;
    }
}