/*
  Theme Name: TopBiz - Responsive Corporate HTML5 Template
  Theme URL: http://themewar.com/html/topland
  Author: ThemeWar
  Author URI: http://www.themewar.com
  Description: Responsive Corporate HTML5 Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
    1. Home Page One
        i. Header Section
        ii. Slider Section
        iii. Testimonial Section
        iv. Feature Section
        v. Service Section
        vi. Portfolio Section
        vii. Fun Facts Section
        viii. Skill Section
        ix. Blog Section
        x. Subscribe Section
        xi. Footer Section
    2. Home Two
        i. Portfolio Section
        ii. Blog Section
    3. Home Three
        i. Portfolio Section
    4. Folio Page One
        i. Breadcrumb Section
        ii. Portfolio Section
    5. Folio Page Two
        i. Folio Section
    6. Folio Page Threee
        i. Portfolio Section
    7. Single Folio Page
        i. Portfolio Item Section
    8. Blog Sidebar Page
    9. Blog Grid Page
    10. Post Page
    11. About Page
        i. About Section
        ii. Team Section
    12. Member Page
        i. Member Section
        ii. Fun facts Section
        iii. Colleague Section
    13. 404 Page
        i. 404 Section
    14. Event Page
    15. Event Single Page
        i. Event Section
    16. Contact Page
        i. Map Section
        ii. Contact Section

==========================================================================*/
/*************************************************************************
***************************** Home Page One ******************************
***************************************************************************/
/************************ Header Section *******************************/
.sub-container{
    padding-bottom: 50px;
}

.headerArea{
    background: #fff;
    height: 80px;
    width: 100%;
    position: absolute;
    left: 0;
    /* top: 40px; */
    padding-top: 23px;
    z-index: 99;
}
/* .headerFixSpace {
    padding-top: 230px;
} */
body.hasFixedHeader {
    padding-top: 230px;
}
body.hasAdminFixedHeader {
    padding-top: 241.8px;
}
.logo{
    /* padding-left: 100px; */
    width: 20%;
}
.logoImg{
    float: left;
    /* width: 44px; */
}
/* Added */

.logo h2{
    float: left;
    margin-left: 11px;
    padding-top: 4px;
}
.logo h2 a{
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 700;
    color: #404040;
    line-height: 0.8;
}
.logo h2 a:hover{
    /* color: #de3c2f; */
    color: #e2396f;
    font-weight: 300;
}
.logo h2 a span{
    display: inline-block;
    font-weight: 300;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.logo h2 a:hover span{
    font-weight: 700;
}
.mainMenu{
    width: auto;
    /* width: 60%; */
}
.mainMenu > ul{
    width: auto;
    text-align: center;
}
.mainMenu > ul > li{
    display: inline-block;
    padding-bottom: 32px;
    padding-top: 7px;
    position: relative;
}
.mainMenu > ul > li > a{
    display: inline-block;
    color: #404040;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    border-right: 1px solid #f2f2f2;
    padding: 3px 35px;
    /* padding-bottom: 35px; */
}
.mainMenu > ul > li:last-child > a{
    border-right: 0;
    padding-right: 0;
}

.hasChild:after {
    content: "\f107";
    color: #404040;
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
    right: 0;
    top: 24px;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: opacity 0.3s ease, transform 0.3s ease;

    /* display: none;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease; */
}
.hasChild:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.hasChild.active:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* .hasChild:hover::after {
    display: block;
} */
.hasChild:hover:after,
.hasChild.active:after {
    color: #e2396f;
}
/* .mainMenu > ul > li.active > a, */
.mainMenu > ul > li > a.active,
.mainMenu > ul > li > a:focus,
.mainMenu > ul > li > a:hover,
.mainMenu > ul > li > ul > li > a.active,
.mainMenu > ul > li > ul > li > a:focus,
.mainMenu > ul > li > ul > li > a:hover{
/* .mainMenu > ul > li:hover > a{ */
    color: #e2396f;
}

/* .updatedDropMenu{
    position: absolute;
    top: 157px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.mainMenu > ul > li:hover .updatedDropMenu{
    transform: translateY(50%);
    transform: translateY(0) rotate(45deg) scale(0);
    top: 57px;
    visibility: visible;
    opacity: 1;
} */
.dropMenu{
    position: absolute;
    width: 200px;
    padding: 35px 0;
    background: #404040;
    top: 107px;
    /* top: 157px; */
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    text-align: left;
}
.mainMenu > ul > li:hover .dropMenu{
    top: 57px;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}
/* .dropMenuClick{
    pointer-events: none;
} */
/* .dropMenuClick,
.dropMenuClick * {
    pointer-events: none;
}

.dropMenuClick:hover,
.dropMenuClick *:hover {
    all: unset;
} */

.dropMenu > li{
    display: block;
    position: relative;
    padding: 0 30px;
}
.dropMenu > li > a{
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    color: #fff;
    border-bottom: 1px solid #4a4a4a;
    padding: 14px 0 14px 5px;
}
.dropMenu > li:first-child > a{
    padding-top: 0;  
}
.dropMenu > li:last-child > a{
    padding-bottom: 0;
    border-bottom: 0;
}
.dropMenu > li > a:focus,
.dropMenu > li > a:hover{
    color: #e2396f;
}
.dropSub{
    background: #fff;
    left: 200px;
    padding: 30px;
    position: absolute;
    text-align: left;
    top: 150px;
    width: 200px; 
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.dropMenu > li:hover .dropSub{
    visibility: visible;
    opacity: 1;
    top: -16px;
}
.dropSub li{
    display: block;
}
.dropSub li a{
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    color: #404040;
    border-bottom: 1px solid #f2f2f2;
    padding: 14px 0 14px 5px;
}
.dropSub li:first-child a{
    padding-top: 0;
}
.dropSub li:last-child a{
    padding-bottom: 0;
    border-bottom: 0;
}
.dropSub li a:focus,
.dropSub li a:hover{
    color: #e2396f;
}
.menuButton {
    border-radius: 2px;
    height: 30px;
    line-height: 4px;
    margin: 12px auto 5px;
    padding: 2px 4px 0;
    width: 40px;
    cursor: pointer;
    transition: all ease-in-out 600ms;
    -moz-transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    -ms-transition: all ease-in-out 600ms;
    -o-transition: all ease-in-out 600ms;
}
.menuButton span {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #404040;
    transition: all ease-in-out 600ms;
    -moz-transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    -ms-transition: all ease-in-out 600ms;
    -o-transition: all ease-in-out 600ms;
}
.menuButton.active span,
.menuButton:hover span {
    background: #e2396f;
}
.headerFix{
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
}

.topSocial{
    width: 20%;
    text-align: right;
    padding-right: 100px;
    padding-top: 2px;
}
.topSocial ul{
    text-align: right;
}
.topSocial ul li{
    display: inline-block;
}
.topSocial ul li a{
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    padding-top: 7px;
    text-align: center;
    width: 30px;
    margin-left: 7px;
}
.topSocial ul li a.facebook{
    background: #507cbe;
}
.topSocial ul li a.twitter{
    background: #00abef;
}
.topSocial ul li a.google{
    background: #e2396f;
}
.topSocial ul li a.linkedin{
    background: #0077B5;
}
.topSocial ul li a.instagram{
    background-image: linear-gradient(-190deg, #6228d7, #ee2a7b, #f9ce34);
    background-color: red;
}
.topSocial ul li a:focus,
.topSocial ul li a:hover{
    background-image: none;
    background-color: #404040;
}

/* .topSocial2{
    text-align: right;
    padding-right: 100px;
    padding-top: 2px;
}
.topSocial2 ul{
    text-align: right;
}
.topSocial2 ul li{
    display: inline-block;
} */
.topSocial2 ul li a{
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    font-size: 16px;
    height: 30px;
    padding-top: 7px;
    text-align: center;
    width: 100%;
    /* margin-left: 7px; */
}
.topSocial2 ul li a.linkedin {
    font-weight: 600;
    color: #0077b5;
    text-decoration: none;
}
.topSocial2 .linkedin:hover {
    text-decoration: underline;
}

/************************ Slider Section *******************************/
.sliderArea{
    /* background: url(/images/diagonal.png) repeat scroll center center; */
    position: relative;
    /* opacity: 0;
    transition: opacity 0.3s ease; */
}
.ready .sliderArea{
    opacity: 1;
}
.sliderArea::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(230, 59, 111, 0.55) 0%,
        rgba(255, 255, 255, 0.45) 45%,
        rgba(255, 255, 255, 0.2) 100%
    );

    z-index: 1;
}
.sliderCaptions{
    float: left;
    width: 705px;
    padding: 160px 0 108px;
}
.redCaption {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 25px;
    text-transform: uppercase;
    border: 1px solid #fff;
    text-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}
.headCaption{
    font-size: 50px;
    /* font-size: 75px; */
    color: #404040;
    padding: 25px 0 25px;
    /* padding: 25px 0 40px; */
    text-transform: uppercase;
    /* Added */
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); */
    text-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}
.headCaption span{
    font-weight: 300;
    color: #fff;
    z-index: 2;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}
.capItalic{
    font-style: italic;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    z-index: 99999999;
    /* text-shadow:
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px  1px 0 black,
        1px  1px 0 black; */
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}
/* .headCaption {
    color: #fff;
    font-weight: 700;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}

.capItalic {
    color: #fff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
} */

/* .capItalic-div,
.headCaption,
.redCaption {
    background: rgba(0, 0, 0, 0.55);
    padding: 10px 16px;
    border-radius: 6px;
    display: inline-block;
} */
/* .capItalic-div {
    backdrop-filter: blur(6px);
} */
/* .capItalic div{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} */
.sliderBtn{
    border: 2px solid #fff;
    clear: both;
    height: 60px;
    margin-top: 40px;
    /* margin-top: 43px; */
    width: 207px;
    text-align: center;
    background: transparent;
}
.sliderBtn i{
    background: #fff;
    color: #404040;
    float: left;
    font-size: 24px;
    height: 60px;
    margin-left: -2px;
    margin-top: -1.5px;
    /* margin-top: -2px; */
    padding-top: 16px;
    text-align: center;
    width: 60px;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.sliderBtn span{
    background: transparent;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding-top: 21px;
    text-transform: uppercase;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.sliderBtn:hover i{
    background: #e2396f;
    color: #fff;
}
.sliderBtn:hover{
    background: #fff;
}
.sliderBtn:hover span{
    color: #404040;
}
.sliderImg{
    width: 575px;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}
.sliderImg.two{
    width: 635px;
}
.sliderImg.three{
    width: 515px;
}
.sliderImg img{
    /* position: absolute; */
    height: 100%;
    object-fit: fill;
}

.tp-banner1 ul {
    visibility: hidden;
}
.sliderArea.ready .tp-banner1 ul {
    visibility: visible;
}

.tp-bullets .bullet {
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 50%;
    height: 10px !important;
    margin: 0 0 9px !important;
    width: 10px !important;
}
.tp-bullets .bullet.last {
    margin-bottom: 0 !important;
}
.sliderArea .tp-bullets .bullet.selected,.sliderArea .tp-bullets .bullet:hover {
    background: transparent !important;
    border: 2px solid #fff;
    width: 14px !important;
    height: 14px !important;
    position: relative;
    left: -2px;
}
.sliderArea .tp-bullets {
    bottom: 0 !important;
    height: 40px;
    left: auto !important;
    margin: auto 0;
    right: 70px !important;
    width: 14px;
    top: 0 !important;
}
.sliderArea .tp-bannertimer {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden;
}
/************************ Testimonial Section *******************************/
.testiArea{
    position: relative;
}
.testiArea:after{
    content: "";
    background: url(/images/rectangle/testi.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
}
.singleTesti h2{
    font-size: 50px;
}
.singleTesti span{
    font-weight: 300;
    display: inline-block;
    line-height: 1;
}

.testiImg{
    display: inline-block;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: -18px;
    width: 80px;
}
.quote{
    position: relative;
}
.quotation{
    font-size: 20px;
    font-style: italic;
    padding: 30px 50px 0;
    position: relative;
}
.quotation:before{
    content: open-quote;
    font-family: 'Coustard', serif;
    font-size: 80px;
    color: #404040;
    position: absolute;
    left: -10px;
    top: 0;
    font-style: normal;
}
.quotation:after{
    content: close-quote;
    font-family: 'Coustard', serif;
    font-size: 80px;
    color: #404040;
    position: absolute;
    right: -10px;
    top: 0;
    font-style: normal;
}
.name{
    color: #404040;
    font-size: 20px;
    line-height: 1;
    padding-top: 22px;
}
.name span{
    font-weight: 700;
}
/************************ Feature Section *******************************/
.featureArea{
    background: url(/images/diagonal.png) repeat scroll center center;
    position: relative;
}
/* .featureArea:after {
    content: "";
    background: url(/images/rectangle/feature.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
} */
.featureImg{
    width: 108px;
    margin: 0 auto 17px;
    height: 111px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.featureContent{
    position: relative;
}
.featureContent h3 {
    padding-bottom: 21px;
}
.featureContent h3 a{
    font-size: 30px;
    text-transform: capitalize;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    color: #404040;
}
.featureContent h3 a:hover{
    color: #e2396f;
}
.featureContent h3 a span{
    font-weight: 300;
}
/************************ Service Section *******************************/
.serviceArea{
    background: url(/images/home1/serviceBg.jpg) no-repeat scroll center center / cover;
}
.serviceArea:after {
    content: "";
    background: url(/images/rectangle/service.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
}
.overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(64,64,64,.85);
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.singleService{
    display: table;
    clear: both;
    width: 100%;
}
.singleService.first{
    padding-top: 120px;
}
.serviceContent{
    margin-bottom: 63px;
    padding-top: 15px;
    width: 260px;
}
.serviceContent h4 {
    padding-bottom: 12px;
}

.serviceContent h4 a{
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.serviceContent h4 a:hover{
    color: #e2396f;
}
.serviceContent h4 a span{
    font-weight: 300;
}
.serviceContent p{
    color: #bfbfbf;
}
.serviceIcon{
    background: #e2396f none repeat scroll 0 0;
    border-radius: 50%;
    height: 80px;
    text-align: center;
    width: 80px;
    padding-top: 23px;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.serviceIcon:hover{
    background: #fff;
}
.serviceIcon i{
    display: inline-block;
    font-size: 32px;
    color: #fff;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.serviceIcon:hover i{
    color: #404040;
}
/************************ Portfolio Section *******************************/
.portfolioArea{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.commonTittle.folio{
    padding-bottom: 23px;
}
/* .portfolioArea.commonSection{
    padding-bottom: 24px;
} */
.folioSubTittle{
    background: #e2396f none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 65px 4px;
    text-transform: uppercase;
    margin-bottom: 100px;
}
.singlePortfolio {
    position: relative;
    text-align: center;
}
.portfolioImg{
    width: 200px;
    text-align: center;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 200px;
    position: relative;
    display: inline-block;
}
.portfolioImg img{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 284px;
    height: 284px;
    margin: -41px 0 0 -41px;
    filter: blur(0);
    -webkit-filter: blur(0);
}
.portfolioImg.folioImgFix_1 {
    left: -120px;
    position: relative;
}
.portfolioImg.folioImgFix_2 {
    left: -39px;
    position: relative;
}
.portfolioImg.folioImgFix_3 {
    position: relative;
    left: 42px;
}
.portfolioImg.folioImgFix_4 {
    position: relative;
    left: 124px;
}
.portfolioImg.folioImgFix_5 {
    left: -80px;
    position: relative;
    top: -57px;
}
.portfolioImg.folioImgFix_6 {
    left: 1px;
    position: relative;
    top: -59px;
}
.portfolioImg.folioImgFix_7 {
    left: 83px;
    position: relative;
    top: -58px;
}
.portfolioImg.folioImgFix_9 {
    left: 43px;
    position: relative;
    top: -117px;
}
.portfolioImg.folioImgFix_8 {
    left: -38px;
    position: relative;
    top: -116px;
}
.folioHover {
    width: 284px;
    height: 284px;
    left: 0;
    position: absolute;
    top: 0;
    text-align: center;
    background: rgba(64,64,64,.85);
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    -o-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    margin: -41px 0 0 -41px;
}
.folioHover a.prePhoto{
    background: #e2396f none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    height: 40px;
    left: -50px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
.folioHover a.prePhoto:hover{
    color: #404040;
}
.folioHover a.detailsLink{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    color: #404040;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: -50px;
    bottom: 0;
    margin: auto;
}
.folioHover a.detailsLink:hover{
    color: #e2396f;
}
.folioHover a i{
    position: relative;
    top: 10px;
}
.portfolioImg .folioHover{
    opacity: 0;
    visibility: hidden;
}
.portfolioImg:hover .folioHover{
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    filter: blur(0);
    -webkit-filter: blur(0);
}
div.pp_default .pp_close{
    color: #e2396f;
    height: inherit;
    padding-right: 10px;
    padding-top: 6px;
    text-align: right;
    text-indent: 0;
    width: inherit;
    opacity: 1 !important;
    line-height: 1 !important;
    display: block;
}
.mixurBtn{
    position: relative;
}
.viewBtn {
    background: #e2396f none repeat scroll 0 0;
    display: table;
    height: 200px;
    left: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -174px;
    width: 200px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.viewBtn:hover {
    background: #404040;
}
.viewBtn a{
    display: table-cell;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mixer .mix{
    display: none;
}
/************************ Fun Facts Section *******************************/
.funFactArea{
    position: relative;
    background: #fff;
}
.funFactArea:after{
    content: "";
    background: url(/images/rectangle/testi.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 10px;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
}
.funFactArea.commonSection{
    padding-bottom: 110px;
}
.allFacts{
    display: table;
    clear: both;
    width: 100%;
}
.singleFacts{
    width: 33.33%;
    /* width: 25%; */
    float: left;
}
.singleFacts h1 span{
    display: inline-block;
    padding-right: 15px;
    font-weight: bold;
}
.singleFacts h1{
    font-weight: 300;
    font-size: 80px;
    color: #404040;
}
.singleFacts p{
    font-size: 20px;
    margin-top: 30px;
    padding-top: 13px;
    position: relative;
    text-transform: capitalize;
}
.singleFacts p:before {
    background: #e2396f none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
/************************ Skill Section *******************************/
.skillArea{
    background: url(/images/home1/bgImg.webp) no-repeat scroll center center / cover;
    /* background: url(/images/home1/skillBg.jpg) no-repeat scroll center center / cover; */
    position: relative;
    /* clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 50px),
        50% 100%,
        0 calc(100% - 50px)
    ); */
}
/* .skillArea::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 60px;
    background: white;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    z-index: 1;
} */
/* .skillArea:after{
    content: "";
    background: url(/images/rectangle/slider12.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
} */
.overlay2{
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(64,64,64,.85);
    /* -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out; */
}
.skillArea .subTittle{
    color: #fff;;
}
.singleSkill{
    position: relative;
    padding-top: 5px;
}
.singleSkill strong{
    bottom: 0;
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    height: 75px;
    left: 0;
    line-height: 0.9;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -30px;
    width: 100%;
}
.singleSkill strong span{
    display: inline-block;
    font-weight: 300;
}
.singleSkill p {
    bottom: 0;
    font-size: 20px;
    height: 22px;
    left: 0;
    line-height: 1;
    margin: auto;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 80px;
    width: 100%;
    color: #fff;
}
/************************ Blog Section *******************************/
.blogArea {
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
    position: relative;
}
.blogArea:after{
    content: "";
    background: url(/images/rectangle/blog.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    /* New value */
    /* right: 6.1px; */
    /* Before */
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
}
.blogCotent{
    position: relative;
    display: table;
    clear: both;
    width: 100%;
    height: 655.2px;
    background-color: white;
}
.csCotent{
    position: relative;
    display: table;
    clear: both;
    width: 100%;
    background-color: white;
}
.sliderDummy{
    visibility: hidden;
    background-color: white;
    height: 695px;
}
.blogCotent2{
    position: relative;
    display: table;
    clear: both;
}
.postThumb{
    height: 370px;
    position: relative;
    transition: transform 0.3s ease;
}
.postThumb img{
    height: 100%;
    background-color: white;
}
.postThumb:hover {
    transform: scale(1.05);
}
.postThumb a {
    display: block;
    width: 100%;
    height: auto;
}
.postDate{
    background: #e2396f none repeat scroll 0 0;
    height: 175px;
    position: absolute;
    top: auto;
    width: 150px;
    bottom: 0;
}
.postThumb.first .postDate{
    bottom: 1px;
}
.postThumb.right{
    height: 175px;
}
.postThumb.right .postDate{
    height: 100%;
}
.blogCotent.last{
    margin-top: 30px;
}
.postDate h1{
    font-size: 80px;
    color: #fff;
    padding: 23px 0 9px;
    height: 96px;
}
.postDate p{
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}
.postDate a{
    background: #404040 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 0;
    position: relative;
    text-transform: uppercase;
    top: 18px;
}
.postDate a:hover{
    color: #e2396f;
}
.postDate span{
    background: #404040 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 0;
    position: relative;
    text-transform: uppercase;
    /* top: 1.5px; */
    top: 17.5px;
    /* top: 18px; */
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.postDate span:hover{
    color: #e2396f;
}
.caseDate{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.caseDate h1{
    padding-top: 9px;
}
.caseDate a{
    height: 29px;
}
.postContent {
    background: #fff;
    padding: 0 37px 45px;
    height: 248px;
    /* position: relative; */
}
.postContent h3 a{
    color: #404040;
    display: inline-block;
    font-size: 30px;
    line-height: 1.1;
    padding: 37px 0 22px;
}
.postContent h3 a:hover{
    color: #e2396f;
}
.postThumb.first img{
    height: 560px;
}
/************************ Subscribe Section *******************************/
.subscribeArea{
    padding: 70px 0;
    /* padding: 120px 0; */
    background: #fff;
    position: relative;
}
.subscribeArea:after{
    content: "";
    background: url(/images/rectangle/testi.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
}
.subsForm h1 {
    font-size: 20px;
    /* padding-bottom: 30px; */
    padding-bottom: 20px;
    color: #f0f0f0;
}
.subsForm h1 span{
    font-weight: 300;
}
.subsForm form{
    /* margin: 0 auto; */
    /* position: relative; */
    /* width: 370px; */
    /* width: 184px; */
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}
.subsForm form input.errorInput{
    border-color: #e2396f;
}
.subsForm form input{
    /* width: 330px; Previous value */
    /* width: 370px; */
    /* width: 85%; */
    /* width: 224px; */
    
    width: 222px;
    height: 40px;
    /* border: 1px solid #e5e5e5; */
    border: 1px solid #f0f0f0;
    padding-left: 10px;
    background-color: #ffffff;
    /* position: relative; */
}
.subsForm form button {
    background: #e2396f none repeat scroll 0 0;
    border: medium none;
    height: 40px;
    /* left: auto; */
    /* left: 222px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0; */
    width: 40px;
}
.subsForm form button i {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.subsForm form button:hover i{
    color: #404040;
}
/************************ Footer Section *******************************/
.footerArea{
    position: relative;
}
.footerTop{
    background: #363636;
    /* background: black; */
    /* background: url(/images/home1/bgImg.webp) no-repeat scroll center center / cover; */
    /* background: url(/images/home1/footerBg.jpg) no-repeat scroll center center / cover; */
    position: relative;
    aspect-ratio: 1920 / 448;
    width: 100%;
}
/* .footerTop:after{
    content: "";
    background: url(/images/MAKEDREAMSlogo.webp) no-repeat scroll center center;
    width: 80px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
} */
.footerContent h2{
    color: #fff;
    font-size: 50px;
    padding-bottom: 30px;
}
.footerContent a{
    color: #e2396f;
    font-size: 75px;
    font-weight: 300;
    padding-bottom: 34px;
    text-transform: uppercase;
    line-height: 0.8;
    /* height: 228px; */
}
.footerContent a:hover{
    color: #fff;
}
.footerContent p{
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
}

/* .footerLogo img {
    filter: brightness(0) invert(1);
} */
/* .footerLogo {
    display: inline-block;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
} */
/* .footerLogo img {
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.35));
} */
/* .footerLogo img {
    filter:
        brightness(1.15)
        contrast(1.2)
        drop-shadow(0 0 4px rgba(255, 255, 255, 0.35));
} */
/* .footerLogo img {
    filter:
        brightness(0)
        invert(1)
        drop-shadow(0 0 5px rgba(255, 255, 255, 0.4));
} */
/* .footerLogo img {
    opacity: 0.95;
} */
/* .footerLogo img {
    transition: filter 0.3s ease;
} */
/* .footerLogo img{
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;    
    filter:
        brightness(0)
        invert(32%)
        sepia(83%)
        saturate(7500%)
        hue-rotate(330deg);
} */
/* .footerLogo img:hover{
    filter: none;
} */
/* .footerLogo .logoImgs {
    background-color: #f0f0f0; */
    /* mask-image: url("/images/MAKEDREAMS-logotype2.webp");
    -webkit-mask-image: url("/images/MAKEDREAMS-logotype2.webp");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center; */
    /* border-radius: 5px;
} */
/* .footerLogo .logoImg img {
    visibility: hidden;
} */

.footerContent2{
    padding-bottom: 10px;
}
.footerContent2 h2{
    color: #f0f0f0;
    /* color: #ececec; */
    /* color: #fff; */
    font-size: 30px;
    padding-bottom: 10px;
    line-height: 1.3;
}
.footerContent2 h3{
    color: #f0f0f0;
    /* color: #fff; */
    font-size: 20px;
    padding-bottom: 10px;
}
.footerContent2 a{
    color: #e2396f;
    font-size: 17px;
    font-weight: 300;
    padding-bottom: 10px;
    /* text-transform: uppercase; */
    line-height: 0.8;
    /* height: 228px; */
}
.footerContent2 a:hover{
    color: #aeaeae;
    /* color: #f4f4f4; */
    /* color: #979797; */
    /* color: #fff; */
}
.footerLink{
    font-size: 25px !important;
    /* padding-right: 15px; */
}
.footerLink:hover{
    color: #f0f0f0 !important;
}
.footerContent2 p{
    font-size: 17px;
    line-height: 2;
    /* line-height: 1.5; */
    color: #aeaeae;
    /* color: #fff; */
    padding-bottom: 10px;
}
.openTime{
    /* color: rgb(0, 255, 0); */
    color: rgb(0, 197, 0) !important;
}
.closeTime{
    color: rgb(197, 0, 0)!important;
}
.copyRight{
    padding-top: 34px;
    /* padding: 80px 0; */
    /* background: #fff; */
    border-top: 0.8px solid #4a4a4a;
}
.copyRight p{
    color: #aeaeae;
    font-size: 16px;
    /* line-height: .9; */
}
.copyRight p a{
    color: #979797;
}
.copyRight p a:hover{
    color: #e2396f;
}
#backto{
    width: 40px;
    height: 40px;
    background: #404040;
    display: block;
    position: fixed;
    /* top: 190px; */
    bottom: 0;
    left: 0;
    text-align: center;
    padding-top: 13px;
    /* padding-top: 10px; */
    z-index: 99;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
#backto:hover{
    background: #e2396f;
}
#backto img{
    width: 10px;
    height: 5px;
    margin: 0 auto;
}
/***********************************************************************
*********************************** Home Two ***************************
***********************************************************************/
/************************ Portfolio Section *******************************/
.portfolioArea .subTittle{
    margin-bottom: 40px;
}
.portfolioArea.commonSection.home2{
    padding-bottom: 0;
}
.portfolioArea.home2:after{
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.folioBtn{
    margin-bottom: 60px;
}
.folioBtn li{
    background: #404040 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 0.8;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 10px 28px;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.folioBtn li:hover,
.folioBtn li.active{
    background: #e2396f;
}
.folioImg{
    position: relative;
    overflow: hidden;
}
.hoverdir-wrapper {
    position: relative;
    overflow: hidden;
}

/* .hoverdir-overlay {
    z-index: 999;
} */
.folioHover2{
    background: rgba(64, 64, 64, 0.85) none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    padding: 5px;
    /* display: none; */
    /* opacity: 1; */
    /* pointer-events: none; */
}
.folioHover2 a.prePhoto {
    background: #e2396f none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    position: relative;
    right: 3px;
    top: 92px;
    width: 40px;
}
.folioHover2 a i {
    position: relative;
    top: 10px;
}
.folioHover2 a.detailsLink {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #404040;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    left: 3px;
    position: relative;
    top: 92px;
    width: 40px;
}
.folioHover2 a.prePhoto:hover {
    color: #404040;
}
.folioHover2 a.detailsLink:hover {
    color: #e2396f;
}
/************************ Blog Section *******************************/
.blogArea.home2.commonSection{
    padding-bottom: 189px;
}
.blogArea.home2:after{
    left: 6px;
}
.postMeta {
    border-top: 1px solid #e5e5e5;
    margin-top: auto;
    /* margin-top: 33px; */
    padding-top: 25px;
    /* position: absolute; */
    /* width: 100%; */
    /* top: auto; */
    /* bottom: 0; */
}
.metaLeft{
    position: relative;
}
.metaLeft i{
    float: left;
    font-size: 20px;
    color: #e2396f;
}
.metaLeft span{
    color: #404040;
    float: left;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 5px 0 11px;
    text-transform: uppercase;
}
.metaLeft a{
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    color: #404040;
    font-weight: 400;
    padding-top: 5px;
}
.metaLeft a:hover{
    color: #e2396f;
}
.metaRight p{
    position: relative;
}
.metaRight i{
    font-size: 20px;
    color: #e2396f;
    display: inline-block;
}
.metaRight span{
    background: #404040 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    height: 12px;
    left: 16px;
    line-height: 0.9;
    padding-top: 1px;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 12px;
}
.postContent.two{
    display: flex;
    flex-direction: column;
    height: 321px;
    padding-bottom: 39px;
}
#blogCarousel .carousel-indicators {
    bottom: -73px;
}
#blogCarousel .carousel-indicators li {
    background-color: #404040;
    border: 2px solid #404040;
    border-radius: 50%;
    margin: 1px 8px;
}
#blogCarousel .carousel-indicators li:hover,
#blogCarousel .carousel-indicators li.active {
    background-color: transparent;
    height: 14px;
    width: 14px;
    position: relative;
    top: -2px;
    /* top: 2px; Previous value */
}
/*********************************************************************
************************* Home Three *********************************
**********************************************************************/
/************************ Portfolio Section *******************************/
.portfolioArea.commonSection.home3{
    padding-bottom: 120px;
}
.portfolioArea.home3:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: -3px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.portfolioDetails {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 40px 40px 45px;
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}
.portfolioDetails h3{
    height: 33px;
}
.portfolioDetails h3 a{
    color: #404040;
    font-size: 30px;
    font-weight: 700;
}
.portfolioDetails h3 a:hover{
    color: #e2396f;
}
.potCategory{
    text-align: center;
    padding-bottom: 15px;
}
.potCategory span{
    font-weight: 400;
    color: #e2396f;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
}
.potCategory a{
    font-weight: 400;
    color: #e2396f;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
}
/* .potCategory a:hover{
    color: #404040;
} */
.potCategory span{
    display: inline-block;
    padding-right: 2px;
}
.folioImg2{
    position: relative;
    overflow: hidden;
}
.folioImg2 .folioHover2{
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.folioImg2:hover .folioHover2{
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
}
.folioHover2 a.detailsLink2 {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #404040;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: -450px;
    top: 0;
    width: 40px;
}
.folioHover2 a.prePhoto2 {
    background: #e2396f none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    left: -450px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
.folioHover2 a.prePhoto2:hover{
    color: #404040;
}
.folioHover2 a.detailsLink2:hover{
    color: #e2396f;
}
.folioImg2:hover .folioHover2 a.detailsLink2{
    right: -50px;
}
.folioImg2:hover .folioHover2 a.prePhoto2{
    left: -50px;
}
.portfolioDetails.last{
    margin-bottom: 0;
}
/**********************************************************************
************************* Folio Page One **************************
***********************************************************************/
/************************ Breadcrumb Section *******************************/
/* .breadCrumArea{
    position: relative;
    background: radial-gradient(circle, #e2396f, #ffffff);
    padding: 140px 0 60px;
    aspect-ratio: 1920 / 341;
    width: 100%;
}

.breadCrumArea:after {
    background-color: #e8608b;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
} */

/* .breadCrumArea {
    position: relative;
    background: radial-gradient(circle, 
        #e8608b 0%, 
        #e8608b 30%, 
        #ffffff 100%
    );
    padding: 140px 0 60px;
    aspect-ratio: 1920 / 341;
    width: 100%;
}

.breadCrumArea:after {
    background-color: #e8608b;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
} */

.breadCrumArea {
    position: relative;
    background: linear-gradient(
        /* to right,
        #ffffff 0%,
        #e8608b 50%,
        #ffffff 100% */
        to right,
        #ffffff 0%,
        #e8608b 40%,
        #e8608b 60%,
        #ffffff 100%
    );
    padding: 140px 0 60px;
    aspect-ratio: 1920 / 341;
    width: 100%;
}

.breadCrumArea:after {
    background-color: #e8608b;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}



/* .breadCrumArea{
    position: relative;
    background: url(/images/folio1/breadBg2.jpg) no-repeat scroll center center / cover;
    padding: 140px 0 60px;
}
.breadCrumArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/folio1.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
} */

.breadCrumArea h1{
    font-size: 80px;
    color: #404040;
    /* color: white; */
    text-transform: capitalize;
    line-height: 1;
}
.breadCrumArea h1 span{
    font-weight: 300;
}
.breadLink{
    margin-top: 26px;
}
.breadLink li{
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
}
.breadLink li span{
    display: inline-block;
    padding: 0 24px;
    font-size: 16px;
}
.breadLink li a{
    color: #fff;
}
.breadLink li:hover a{
    color: #e2396f;
}
/************************ Portfolio Section *******************************/
.portfolioArea.commonSection.folioPage{
    padding-bottom: 120px;
}
.portfolioArea.folioPage:after{
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 2px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
#mixer.folioPage .mix{
    margin-bottom: 30px;
}
.defaultButton{
    display: inline-block;
    text-align: center;
    border: 2px solid #404040;
    color: #404040;
    text-transform: uppercase;
    font-size: 13px;
    padding: 22px 45px;
    background: transparent;
    margin-top: 30px;
}
.defaultButton:hover{
    color: #fff;
    border-color: #e2396f;
    background: #e2396f;
}
/***********************************************************
************************ Folio Page Two ********************
************************************************************/
/************************ Folio Section *******************************/
/* .portfolioArea.commonSection.folioPage2 {
    padding-bottom: 120px;
} */
.portfolioArea.folioPage2:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: -3px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.defaultPagi{
    text-align: center;
    margin-top: 30px;
}
.defaultPagi li{
    display: inline-block;
}
.defaultPagi li button{
    background: #404040 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-right: 7px;
    padding: 13px 17px;
    border: none;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.defaultPagi li button i{
    font-size: 18px;
    line-height: 0.7;
}
.defaultPagi li button:hover,
.defaultPagi li.active button{
    background: #e2396f;
}
/*********************************************************************
*************************** Folio Page Three *************************
**********************************************************************/
/************************ Portfolio Section *******************************/
.folioPage.three:after{
    left: -8px;
}
.folioPage3.defaultButton{
    margin-top: 60px;
}
/***********************************************************************
**************************** Single Folio Page *************************
************************************************************************/
/*********************** Portfolio Item Section *************************/
.folioItemArea{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.folioItemArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 2px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.folioSocial ul li {
    display: inline-block;
}
.folioSocial ul li a {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    margin-left: 7px;
    padding-top: 7px;
    text-align: center;
    width: 30px;
}
.folioSocial ul li a.facebook {
    background: #507cbe none repeat scroll 0 0;
}
.folioSocial ul li a.twitter {
    background: #00abef none repeat scroll 0 0;
}
.folioSocial ul li a.google {
    background: #e2396f none repeat scroll 0 0;
}
.folioItem{
    background: #fff;
}
.folioItemContent{
    padding: 37px 45px 50px;
}
.folioItemContent h2{
    font-size: 50px;
    color: #404040;
}
.folioItemDesc {
    border-top: 1px solid #f2f2f2;
}
.folioItemDesc p {
    color: #404040;
    margin-top: 20px;
}
.folioItemDesc ul {
    list-style-type: disc;
}
.folioItemDesc ul li {
    color: #404040;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-left: 20px;
    text-decoration: dotted;
    display: list-item;
}
.folioSocial {
    margin-top: 25px;
}
.folioItemPage{
    margin-top: 120px;
}
/*===========================================================
==================== Blog Sidebar Page ======================
=============================================================*/
.blogSidebarArea{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.loader2{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.loader2.commonSection{
    padding: 116px 0 118px;
}
.loaderMaxHeight{
    height: 100vh;
}
.blogSidbarPost{
    display: table;
    width: 100%;
    clear: both;
    margin-bottom: 75px;
    background-color: #fff;
    padding: 20px;
}
.blogSidbarPost h2 {
    display: inline-block;
    font-size: 50px;
    font-weight: 300;
    line-height: 1;
    /* line-height: 0.8; */
    color: black;
    /* color: #404040; */
    margin-top: 20px;
}
.blogSidbarPost h2 a {
    display: inline-block;
    font-size: 50px;
    font-weight: 300;
    line-height: 0.8;
    color: black;
}
.blogSidbarPost h2 a:hover{
    color: #e2396f;
}
.blogAuthor{
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    color: black;
    font-size: 13px;
    margin: 28px 0 24px;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 400;
}
.blogAuthor a{
    color: #e2396f;
}
.blogAuthor a:hover{
    color: black;
}
.blogCategory{
    margin-bottom: 45px;
}
.blogCategory li{
    display: inline-block;
    padding-right: 25px;
    font-weight: 400;
    color: black;
}
.blogCategory li a{
    color: black;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding-top: 4px;
    text-transform: uppercase;
}
.blogCategory li a:hover{
    color: #e2396f;
}
.blogCategory li span{
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: black;
}
.blogCategory li i{
    float: left;
    font-size: 20px;
    color: #e2396f;
    padding-right: 3px;
}
.blogPostContent {
    background: #fff none repeat scroll 0 0;
    padding: 32px 35px 45px 50px;
}
.blogPostContent video {
    width: 600px;
}
.blogPostContent h5 {
    color: #313131 !important;
    /* color: #383838 !important; */
}
.blogPostContent p {
    color: #404040;
    /* color: #555555; */
}
.blogPostContent p strong{
    font-weight: 400;
}
.blogPostContent ul {
    list-style-type: disc
}
.blogPostContent ul li {
    color: #555555;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-left: 20px;
    text-decoration: dotted;
}
.leftImgPost {
    clear: both;
    display: table;
    width: 100%;
}
.leftImg {
    float: left;
    width: 355px;
    overflow: hidden;
}
.leftImg img {
    height: 100%;
    width: auto;
}
.leftPost {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 28px 38px 28px 40px;
    width: 395px;
}
.leftPost p {
    margin-bottom: 15px;
}
.leftPost p:last-child{
    margin-bottom: 0;
}
.postVideo{
    width: 100%;
}
.postVideo iframe{
    border: none;
    width: 100%;
    height: 500px;
}
.blogSidebarArea .defaultPagi{
    margin-top: 0;
}
.blogSidebarArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.loaderAfter:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
#blogPostCarousel .carousel-indicators li {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 1px 8px;
}
#blogPostCarousel .carousel-indicators .active {
    background-color: transparent;
    height: 14px;
    width: 14px;
    position: relative;
    top: -2px;
    /* top: 2px; Previous value */
}
#blogPostCarousel .carousel-indicators {
    bottom: 30px;
}
.widget{
    margin-bottom: 50px;
}
.widget.tags{
    margin-bottom: 40px;
}
.widget form {
    position: relative;
}
.widget form input{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #979797;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    height: 40px;
    padding-left: 20px;
    width: 230px;
}
.widget form button{
    background: #e2396f none repeat scroll 0 0;
    border: medium none;
    height: 40px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
.widget form button i{
    display: inline-block;
    font-size: 20px;
    color: #fff;
}
.widgetTitle{
    font-size: 30px;
    color: #404040;
    margin-bottom: 27px;
}
.widget ul li{
    border-bottom: 1px solid #f2f2f2;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 13px;
}
.widget ul li:last-child{
    margin-bottom: 0;
}
.widget ul li p{
    font-size: 20px;
    color: #979797;
    display: block;
    font-weight: 300;
    position: relative;
    cursor: pointer;
    transition: all ease-in-out 600ms;
    -moz-transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    -ms-transition: all ease-in-out 600ms;
    -o-transition: all ease-in-out 600ms;
}
.widget ul li p:hover{
    color: #e2396f;
}
.widget ul li p.active{
    color: #e2396f;
}
.widget ul li p:after {
    color: #e2396f;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 300;
}
.sidePost {
    border-bottom: 1px solid #f2f2f2;
    clear: both;
    display: table;
    margin-bottom: 29px;
    padding-bottom: 26px;
    width: 100%;
}
.sidePost:last-of-type{
    margin-bottom: 0;
}
.sidePostImg {
    float: left;
    width: 75px;
    height: 75px;
}
.sidePostImg img {
    width: 100%;
    height: 100%;
}
.sidePostCont {
    float: left;
    margin-left: 15px;
    width: 172px;
}
.sidePostCont > a{
    color: #404040;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.sidePostCont a:hover{
    color: #e2396f;
}
.sidePostCont p a{
    color: #979797;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.widget.tags a{
    background: #404040 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 9px;
    margin-right: 6px;
    padding: 7px 28px 9px;
    text-transform: uppercase;
}
.widget.tags a.active,
.widget.tags a:hover{
    background: #e2396f;
}
/***********************************************************************
**************************** Blog Grid Page*********************************
************************************************************************/
.blogGridArea{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
    /* clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 40px),
        53% calc(100% - 40px),
        50% 100%,
        47% calc(100% - 40px),
        0 calc(100% - 40px) */
        /* 0 0,
        100% 0,
        100% 97%,
        53% 97%,
        50% 100%,
        47% 97%,
        0 97% */
        /* 0 0,
        100% 0,
        100% 97%,
        52% 97%,
        50% 100%,
        48% 97%,
        0 97% */
    /* ); */
}
/* .blogGridArea::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%) ;

    width: 80px;
    height: 40px;

    background: url("/images/diagonal.png") repeat center center;

    clip-path: polygon(50% 100%, 0 0, 100% 0);
    z-index: 5;
} */
.blogGridArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.blogGridArea .blogCotent{
    margin-bottom: 30px;
}
.blogCotent > a{
    width: 100%;
}
.blogCotent a img{
    width: 100%;
    height: 100%;
}
.blogGridArea .csCotent{
    margin-bottom: 30px;
}
.csCotent > a{
    width: 100%;
}
.csCotent a img{
    width: 100%;
    height: 100%;
}
/************************ Post Page *******************************/
.postPage .blogPostContent{
    background: transparent;
    padding: 0;
}
.postPage .blogPostContent h5{
    border-bottom: 1px solid #e5e5e5;
    color: #404040;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    padding: 35px 0 20px;
}
.postPage .blogSidbarPost{
    margin-bottom: 45px;
}
.postPage .quote{
    background: #fff;
    padding: 0 35px 37px 58px;
    margin-bottom: 46px;
}
.postPage .blogPostContent p{
    margin-top: 20px;
}
.postPage .quotation:after{
    display: none;
}
.postPage .quotation {
    padding: 30px 0 0 50px;
}
.postPage .name{
    padding-left: 50px;
}
.postPage .quotation:before{
    color: #e2396f;
}
.postPage .leftPost{
    background: transparent;
    padding-top: 16px;
    padding-bottom: 19px;
}
.postPage .leftImg img {
    height: auto;
    width: 100%;
}
.authorInfo {
    clear: both;
    display: table;
    width: 100%;
    margin-bottom: 78px;
}
.authImg {
    width: 270px;
    float: left;
}
.authorDesc {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 38px 40px 38px;
    width: 480px;
}
.authorDesc .topSocial{
    width: 100%;
    padding: 0;
    margin-top: 20px;
}
.authorDesc .topSocial ul{
    text-align: left;
}
.authorDesc .topSocial ul li:first-child a{
    margin-left: 0;
}
.authorDesc h3{
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 10px;
}
.authorDesc h6{
    font-size: 13px;
    text-transform: uppercase;
    color: #e2396f;
    padding-bottom: 21px;
}
.commentsSection > h1 {
    font-size: 50px;
    margin-bottom: 48px;
}
.commentsSection ol > li{
    display: inline-block;
}
/* .commentsSection ol > li > ul > li .commenterImg{
    margin-left: 100px;
} */
/* .commentsSection ol > li > ul > li{
    margin-left: 100px;
    display: inline-block;
} */
.commentsSection ol > li > ul > li{
    margin-left: 120px;
    display: inline-block;
}
.commentsSection ol > li > ul > li .fullComment{
    width: 550px;
}
.commentsSection ol > li > ul > li > ul > li .commenterImg{
    margin-left: 200px;
}
.commentsSection ol > li > ul > li > ul > li .replierImg{
    margin-left: 200px;
}
.commentsSection ol > li > ul > li > ul > li{
    display: inline-block;
}
.commentsSection ol > li > ul > li > ul > li .fullComment{
    width: 450px;
}
.commenterImg{
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.commenterImg div{
    width: 80px;
    height: 80px;
    font-size: xx-large;
}
.replierImg{
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.replierImg div{
    width: 60px;
    height: 60px;
    font-size: x-large;
}
.userImg{
    float: left;
    width: 40px;
    border-radius: 50%;
}
.userImg div{
    width: 40px;
    height: 40px;
    font-size: x-large;
}
.fullComment{
    float: left;
    margin-left: 20px;
    width: 650px;
}
.commentWrap{
    /* border-top: 1px solid #e5e5e5; */
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0;
    /* padding-bottom: 30px;
    margin-top: 30px; */
    /* margin-bottom: 30px; */
}
.commentsSection ol > li > ul{
    border-bottom: 1px solid #e5e5e5;
}
.commentsSection ol > li:first-child .commentWrap{
    border-top: none;
    padding-top: 0;
}
/* .commentsSection ol > li > ul > li {
    margin-bottom: 0;
} */
.replyWrap{
    transform: scale(0.85);
    transform-origin: right center;
    border-top: 1px solid #e5e5e5;
    /* padding: 20px 0; */
    padding-top: 20px;
    /* padding-bottom: 10px; */
    /* margin-top: 20px; */
}
/* .replyWrap > .commenterImg{
    transform: scale(0.8);
    transform-origin: right;
}
.replyWrap > .fullComment{
    transform: scale(0.8);
    transform-origin: right;
} */
.commentsSection ol > li > ul > li:first-child .replyWrap{
    border: none;
}
/* .replyWrap{
    transform: scale(0.9);
    transform-origin: right center;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.commentsSection ol > li > ul > li:last-child .replyWrap{
    border: none;
} */

.commentMeta{
    padding-bottom: 4px;
}
.commentMeta p{
    text-transform: uppercase;
    font-size: 13px;
    color: #404040;
    font-weight: 400;
}
.commentMeta a{
    text-transform: uppercase;
    font-size: 13px;
    color: #e2396f;
    font-weight: 400;
    padding-top: 2px;
}
.commentMeta a:hover{
    color: #404040;
}
.commentForm{
    margin-top: 45px;
}
.commentForm h1{
    font-size: 50px;
    padding-bottom: 48px;
}
.commentForm form input{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #979797;
    float: left;
    font-size: 16px;
    font-style: italic;
    line-height: 0.8;
    padding: 9px 0 13px 20px;
    width: 370px;
}
.commentForm form input[type="text"]{
    margin-right: 10px;
}
.commentForm form textarea{
    width: 100%;
    height: 146px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #979797;
    font-size: 16px;
    font-style: italic;
    padding-left: 20px;
    padding-top: 10px;
    resize: none;
    margin-top: 10px;
}
/* .reCaptcha {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

.reCaptcha > div {
    transform: scale(1);
    transform-origin: 0 0;
    width: 100% !important;
} */
/* .reCaptcha{
    transform: scale(0.9);
    transform-origin: 0 0;
    width: 100% !important;
} */
.reCaptcha-wrapper {
    /* display: flex;
    justify-content: center; */

    /* width: 100%; */
    min-height: 78px;

    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}
.commentForm form button{
    background: transparent none repeat scroll 0 0;
    border: 2px solid #404040;
    color: #404040;
    display: inline-block;
    font-size: 13px;
    margin-top: 30px;
    padding: 22px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.commentForm form button:hover {
    background: #e2396f none repeat scroll 0 0;
    border-color: #e2396f;
    color: #fff;
}
.calendarWidget{
    background: #fff none repeat scroll 0 0;
    padding: 26px 32px 0;
    width: 100%;
}
.calendarWidget table{
    width: 100%;
    border: 0px;
}
.calendarWidget table caption{
    font-size: 30px;
    font-weight: 700;
    color: #404040;
    text-align: center;
    padding-bottom: 25px;
}
.calendarWidget table tr th{
    font-size: 16px;
    line-height: .9;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 8px;
    color: #404040;
}
.calendarWidget table tr td{
    color: #979797;
    font-size: 16px;
    font-weight: 300;
    line-height: 0.9;
    padding: 5px 0 8px;
    text-align: center;
}
.calendarWidget table tr td.active{
    color: #e2396f;
    font-weight: 700;
}
.calendarButton{
    width: 100%;
    margin-top: 23px;
    text-align: center;
}
.calendarButton a{
    width: 40px;
    height: 40px;
    background: #e2396f;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding-top: 8px;
    display: inline-block;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.calendarButton a:first-child{
    margin-right: 7px;
}
.calendarButton a:hover{
    background: #404040;
}
/**************************************************************
***************************** About Page **********************
***************************************************************/
/************************ About Section *******************************/
.aboutArea:after{
    content: "";
    background: url(/images/rectangle/testi.png) no-repeat scroll center center;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -40px;
    z-index: 1;
}
.aboutImg {
    margin-bottom: 20px;
}
.featuresList{
    display: block;
    padding-top: 32px;
}
.featuresList li{
    border-bottom: 1px solid #f2f2f2;
    color: #404040;
    display: block;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 0 12px;
}
.featuresList li:before{
    content: "●";
    /* content: "\f105"; */
    font-family: "FontAwesome";
    font-size: 20px;
    padding-right: 15px;
    color: #e2396f;
    display: inline-block;
}
.myAccordion .panel.panel-default{
    border-radius: 0;
    box-shadow: none;
    border-color: #f2f2f2;
    border: none;
}
.myAccordion .panel-default .panel-heading{
    padding: 0;
    color: #fff;
    border:none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: none;
}
.myAccordion .panel-title a{
    background: #e2396f;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 15px 25px;
    /* padding: 15px 50px; */
    position: relative;
    text-transform: uppercase;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.myAccordion .panel-title a.collapsed{
    background: #404040;
    transition: all 700ms ease-in-out;
    -webkit-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
}
.myAccordion .panel-title a.collapsed:hover{
    background: #e2396f;
}
.myAccordion .panel-title a:after{
    background: url("/images/about/minus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(50%);
    /* top: 19px; */
    width: 11px;
}
.myAccordion .panel-title a.collapsed:after{
    background: url("/images/about/plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 11px;
    position: absolute;
    right: 25px;
    /* right: 50px; */
    top: 50%;
    transform: translateY(-50%);
    /* top: 15px; */
    width: 11px;
    margin-left: 1px;
}
.myAccordion .panel-body{
    padding: 30px 40px 30px 45px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #f2f2f2;
}
.myAccordion .panel-body p{
    margin-bottom: 12px;
}
.myAccordion.panel-group .panel + .panel {
    margin-top: 9px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent !important;
}
/************************ Team Section *******************************/
.teamCard {
    margin-bottom: 30px;
}
.teamArea {
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.teamArea.commonSection{
    padding-bottom: 192px;
}
.teamArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.teamDetails {
    background: #fff none repeat scroll 0 0;
    padding: 38px 35px 38px;
    /* padding: 38px 35px 40px; */
    /* height: 213px; */
    /* height: 233px; */
    /* height: 202.4px; */
}
.teamDetails h3 {
    /* font-size: 24px; */
    font-size: 24px;
    /* font-size: 30px; */
    padding-bottom: 10px;
}
.teamDetails h4 {
    /* font-size: 24px; */
    font-size: 24px;
    /* font-size: 30px; */
    padding-bottom: 10px;
}
.teamDetails-font{
    /* font-size: 24px; */
    font-size: 25px;
    /* font-size: 30px; */
    /* padding-bottom: 10px;
    line-height: 30px; */
}

.teamDetails h5 {
    color: #e2396f;
    font-size: 13px;
    /* padding-bottom: 20px; */
    text-transform: uppercase;
}
.teamDetails .topSocial{
    width: 100%;
    padding: 0;
    margin-top: 24px;
}
.teamDetails .topSocial ul{
    text-align: center;
}
.teamDetails .topSocial2{
    width: 100%;
    padding: 0;
    /* margin-top: 10px; */
}
.teamDetails .topSocial2 ul{
    text-align: center;
}
#teamCarousel .carousel-indicators {
    bottom: -72px;
}
#teamCarousel .carousel-indicators li:hover,
#teamCarousel .carousel-indicators li.active {
    background-color: transparent;
    border-width: 2px;
    height: 14px;
    width: 14px;
    position: relative;
    top: -2px;
    /* top: 2px; Previous value */
}
#teamCarousel .carousel-indicators li {
    background-color: #404040;
    border: 1px solid #404040;
    border-radius: 50%;
    margin: 1px 10px;
}

#eventCarousel .carousel-indicators {
    bottom: 0px;
    /* bottom: -72px; */
}
#eventCarousel .carousel-indicators li:hover,
#eventCarousel .carousel-indicators li.active {
    background-color: transparent;
    border-width: 2px;
    height: 14px;
    width: 14px;
    position: relative;
    top: -2px;
    /* top: 2px; Previous value */
}
#eventCarousel .carousel-indicators li {
    /* FFFFFF */
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    margin: 1px 10px;
}

/**********************************************************************
***************************** Member Page *****************************
***********************************************************************/
/************************ Member Section *******************************/
.memberArea.commonSection{
    padding-bottom: 190px;
}
.memberArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/testi.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.memberImg{
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    float: left;
    width: 570px;
    height: 570px;
    /* width: 555px;
    height: 555px; */
    display: flex;
    justify-content: center;
    background-color: white;
    position: relative;
}
/* Added */
.memberImg img{
    object-fit: contain;
}

.memberDetails{
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    padding: 38px 40px 35px;
    width: 570px;
    height: 570px;
    /* width: 555px;
    height: 555px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.memberDetailsNoImg{
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    padding: 38px 40px 35px;
    width: 100%;
    height: 555px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.memberDetails h3 {
    font-size: 35px;
    /* font-size: 30px; */
    font-weight: 300;
    padding-bottom: 5px;
}
.memberDetails p{
    font-size: 18px;
    /* font-size: 20px; */
    margin: 15px 0 20px;
}
.memberMeta li{
    color: #404040;
    display: block;
    padding: 11px 0;
    font-weight: 300;
    font-size: 22px;
}
.memberMeta li:first-child{
    border-top: 1px solid #f2f2f2;
}
.memberMeta li:nth-child(2n) {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}
.memberMeta li i{
    display: inline-block;
    color: #e2396f;
    font-size: 20px;
}
.memberMeta li span{
    font-weight: 700;
    display: inline-block;
    padding: 0 10px;
}
.memberDetails .topSocial{
    width: 100%;
    padding: 0;
    margin-top: 27px;
}
.memberDetails .topSocial ul{
    text-align: left;
}
.carouselDetails{
    background-color: white;
}
/************************ Colleague Section *******************************/
.colleagueArea{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.colleagueArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/blog.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
/**********************************************************************
*************************** 404 Page **********************************
***********************************************************************/
/************************ 404 Section *******************************/
.fourZeroArea{
    position: relative;
    padding: 183px 0 115px;
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.fourZeroArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/blog.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.fourZeroArea h1{
    font-size: 250px;
    color: #e2396f;
}
.fourZeroArea h2{
    border-bottom: 1px solid #f2f2f2;
    color: #404040;
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 20px;
    padding: 45px 70px 29px;
    text-transform: uppercase;
}
.fourZeroArea p{
    font-size: 20px;
    margin: 0 auto;
    width: 35%;
}
/*********************************************************************
*************************** Event Page *******************************
**********************************************************************/
.singleEvents{
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.eventThumb{
    position: relative;
    width: 387px;
    height: 263px;
    /* height: 243px; */
    left: 0px;
    top: 0px;
}
.eventThumb a{
    width: 100%;
    height: 100%;
}
.eventThumb a img{
    width: 100%;
    height: 100%;
}
.eventThumb a {
    transition: transform 0.3s ease;
}
.eventThumb:hover a {
    transform: scale(1.05);
}
.eventDet{
    padding-bottom: 42px;
    padding-right: 40px;
    padding-top: 28px;
    position: relative;
    width: 100%;
}
.eventDet h3{
    margin-bottom: 20px;
}
.eventDet h4{
    margin-bottom: 20px;
}
.eventDet h4 a{
    font-size: 30px;
    font-weight: 300;
    color: #404040;
}
.eventDet h4 a:hover{
    color: #e2396f;
}

/* Alternate design */
/* .singleEvents{
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding-left: 310px;
    position: relative;
    width: 100%;
}
//.eventThumb a{
//    width: 100%;
//   position: absolute;
//    width: 270px;
//    height: 270px;
//    left: 0px;
//    top: 0px;
//}
.eventThumb{
    width: 100%;
    position: absolute;
    width: 270px;
    height: 270px;
    left: 0px;
    top: 0px;
}
.eventThumb a{
    width: 100%;
    height: 100%;
   // width: 100%;
   // height: 100%;
   // object-fit: contain;
}
.eventThumb a img{
    width: 100%;
    height: 100%;
   // width: 100%;
   // height: 100%;
   // object-fit: contain;
}
.eventThumb a {
    transition: transform 0.3s ease;
}
.eventThumb:hover a {
    transform: scale(1.05);
}
.eventDet{
    padding-bottom: 42px;
    padding-right: 40px;
    padding-top: 38px;
    position: relative;
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
} */


.evMeta{
    border-top: thin solid #f2f2f2;
    margin-top: 20px;
    padding-top: 25px;
    width: 100%;
}
.evMeta p{
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #404040;
    text-transform: uppercase;
    font-weight: 400;
}
.evMeta p i{
    color: #e2396f;
    font-size: 20px;
    left: 0;
    margin-right: 6px;
    position: absolute;
}
.evMeta p.dat{
    padding-left: 30px;
    margin-right: 20px;
}
.evMeta p.van{
    padding-left: 25px;
}
.loadMoreArea{
    text-align: left;
}
/*********************************************************************
***************************** Event Single Page **********************
**********************************************************************/
/************************ Event Section *******************************/
.blogSidebarArea.singleEventPage:after{
    left: 9px;
}
.eventSinglePost{
    /* background: #fff; */
    /* padding: 38px 50px 45px; */
    padding-left: 15px;
    margin-bottom: 30px;
}
.eventSinglePost .blogCategory{
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 9px 0;
}
.postPage .eventSinglePost .blogPostContent h5{
    border-bottom: 0 none;
    padding: 30px 0 0;
}
.eventSinglePost h2 a{
    line-height: 1;
}
.eventSwiper{
    padding-bottom: 118px;
}
/*********************************************************************
***************************** Careers Page **********************
**********************************************************************/
.jobHeading{
    margin-bottom: 55px;
}
.eventDetJob{
    padding-bottom: 42px;
    padding-right: 40px;
    padding-top: 38px;
    position: relative;
    width: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    scroll-margin-top: 60px;
}
.eventDetJob h3{
    margin-bottom: 20px;
    line-height: 30px;
}
.eventDetJob h4{
    margin-bottom: 20px;
}
.eventDetJob h4 a{
    font-size: 30px;
    font-weight: 300;
    color: #404040;
}
.eventDetJob h4 a:hover{
    color: #e2396f;
}
.eventDetJob .move-bottom{
    margin-top: auto;
}
.read-more{
    width: fit-content;
    color: black;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.read-more:hover{
    color: #e2396f;
}
.view-more{
    transform: scale(0.85);
    transform-origin: right center;
    text-transform: uppercase;
    font-size: 13px;
    color: #e2396f;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.view-more:hover{
    color: black;
}
.apply li{
    line-height: 30px;
}
.apply button{
    height: 33.76px;
    background: transparent none repeat scroll 0 0;
    border: 2px solid #404040;
    border-radius: 2px;
    color: #404040;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 12px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.apply button:hover {
    /* #e2396f */
    background: #e2396f none repeat scroll 0 0;
    border-color: #e2396f;
    color: #fff;
}

.apply a{
    width: 91px;
    height: 33.76px;
    background: transparent none repeat scroll 0 0;
    border: 2px solid #404040;
    border-radius: 2px;
    color: #404040;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 12px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.apply a:hover {
    /* #e2396f */
    background: #e2396f none repeat scroll 0 0;
    border-color: #e2396f;
    color: #fff;
}
/********************************************************************
************************* Contact Page ******************************
********************************************************************/
/************************ Map Section *******************************/
.mapArea{
    position: relative;
}
.mapArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/contact.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
#map{
    height: 600px;
    width: 100%;
}
/************************ Contact Section *******************************/
.contactArea{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.contactArea:after{
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.homeContactArea{
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
}
.homeContactArea:after{
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.contactForm h1{
    font-size: 50px;
    padding-bottom: 30px;
    scroll-margin-top: 80px;
}
.contactForm h1 span{
    font-weight: 300;
}
.contactForm form input.reqError,.contactForm form textarea.reqError{
    border-color: #e2396f;
}
.contactForm form input{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #979797;
    float: left;
    font-size: 16px;
    font-style: italic;
    line-height: 0.8;
    padding: 9px 20px 13px 20px;
    width: 370px;
    position: relative;
}
.contactForm form input[type="text"]{
    margin-right: 10px;
}
.contactForm form label{
    margin-right: 10px;
}
.contactForm form textarea{
    width: 100%;
    min-height: 146px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #979797;
    font-size: 16px;
    font-style: italic;
    padding: 10px 20px;
    /* padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px; */
    resize: none;
    margin-top: 10px;
    overflow: hidden;
}
.contactForm form button{
    background: transparent none repeat scroll 0 0;
    border: 2px solid #404040;
    color: #404040;
    display: inline-block;
    font-size: 13px;
    margin-top: 30px;
    padding: 22px 65px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    font-weight: 400;
}
.contactForm form button:hover {
    background: #e2396f none repeat scroll 0 0;
    border-color: #e2396f;
    color: #fff;
}
.contactDiv{
    display: flex;
    justify-content: space-between;
}
.adminContactDiv{
    display: flex;
    justify-content: space-between;
}
.commentDiv{
    display: flex;
    justify-content: space-between;
}
/*====================== New Home1 ========================*/
.caroselArea{
    margin-top: 115px;
}
.singleCaros {
    width: 100%;
}
/* .slick-list {
    user-select: none;
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
} */

.singleCaros {
    height: auto;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    outline: 0;
}
.singleCaros img{
    margin: 60px 0;
    outline: 0;
    width: 100%;
    height: 338px;
    /* height: auto; */
    object-fit: cover;
}
/* .center .slick-center img {
    color: #e67e22;
    opacity: 1;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleCaros.slick-slide.slick-current.slick-active.slick-center{
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 9;
}
.slick-prev.slick-arrow {
    background: #404040;
    border: 0 none;
    bottom: -95px;
    display: inline-block;
    height: 40px;
    left: -50px;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: auto;
    width: 40px;
    z-index: 10;
    margin: 0 auto;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    outline: 0;
}
.slick-next.slick-arrow {
    background: #404040;
    border: 0 none;
    bottom: -95px;
    display: inline-block;
    height: 40px;
    left: 0;
    padding: 0;
    position: absolute;
    right: -50px;
    text-indent: -9999px;
    top: auto;
    width: 40px;
    z-index: 10;
    margin: 0 auto;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    outline: 0;
}
.slick-prev.slick-arrow:before{
    content: "\f104";
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    left: 16px;
    position: absolute;
    text-indent: 0;
    top: 9px;
    text-indent: 0;
}
.slick-next.slick-arrow:before{
    content: "\f105";
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 16px;
    text-indent: 0;
    top: 9px;
    text-indent: 0;
}
.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover{
    background: #e2396f;
} */
.testimonialFirstHome{
    /* display: table; */
    clear: both;
    width: 100%;
    margin-top: 115px;
    /* margin-top: 210px; */
}
.testimonialFirstHome .singleTesti h2 {
    font-size: 60px;
    line-height: 0.9;
}
.testimonialFirstHome .quotation {
    font-size: 30px;
    line-height: 1.2;
    padding-top: 40px;
}
.testimonialFirstHome .quotation:before {
    top: 32px;
    color: #e2396f;
    left: -6px;
}
.testimonialFirstHome .quotation:after {
    top: 32px;
    color: #e2396f;
}
.clientTestiImg{
    width: 70px;
    margin: 44px auto 0;
}
.clientTestiImg img {
    width: 70px; /* Added */
    height: 70px; /* Added */
    border-radius: 50%;
}
.testimonialFirstHome .name{
    padding-top: 18px;
}
.featureArea.firstHome:after{
    left: 10px;
}
/*====================== Tabs Section ========================*/
.tabsGroupArea {
    background: rgba(0, 0, 0, 0) url("/images/diagonal.png") repeat scroll center center;
    position: relative;
}
.tabsGroupArea:after {
    background: rgba(0, 0, 0, 0) url("/images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: -2px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.tabsContent{
    background: #fff;
}
.tabNavs{
    width: 100%;
    clear: both;
    display: table;
    margin-bottom: 35px;
}
.tabNavs li{
    border-top: 10px solid transparent;
    padding: 30px 0;
    float: left;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.tabNavs li a{
    border-right: 1px solid #e5e5e5;
    color: #404040;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    padding: 0 75px 10px;
}
.tabNavs li:last-child a{
    border-right: 0;
}
.tabNavs li.active{
    border-color: #e2396f;
}
.tabNavs li a span{
    font-size: 24px;
    color: #e2396f;
    display: block;
    padding: 10px 0 13px;
}
.singleTabContent{
    margin-bottom: 30px;
}
.singleTabContent h2{
    font-size: 30px;
    color: #e2396f;
    font-weight: 300;
    padding-bottom: 10px;
}
.aboutTabImg {
    height: 439px;
    margin: 0 auto;
    position: relative;
    width: 458px;
}
.aboutTabImg > img {
    left: -25px;
    position: absolute;
    top: -4px;
}
.posRele{
    position: relative;
}
.allFeatureBtn {
    background: #e2396f;
    bottom: 60px;
    color: #fff;
    font-size: 13px;
    left: 0;
    margin: 0 auto;
    padding: 23px 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: auto;
    width: 170px;
}
.allFeatureBtn:hover {
    background: #404040;
    color: #fff;
}
.singleTestiImg {
    width: 110px;
    margin: 0 auto;
}
.singleTestiImg img{
    width: 110px; /* Added */
    height: 110px; /* Added */
    border-radius: 50%;
}
#testiCarousel .carousel-indicators li {
    background-color: #404040;
    border: 1px solid #404040;
    border-radius: 50%;
    margin: 1px 10px;
}
#testiCarousel .carousel-indicators li:hover, #testiCarousel .carousel-indicators li.active {
    background-color: transparent;
    border-width: 2px;
    height: 14px;
    position: relative;
    top: -2px;
    /* top: 2px; Previous value */
    width: 14px;
}
#testiCarousel .quote{
    padding-bottom: 115px;
}
#testiCarousel .carousel-indicators {
    bottom: 50px;
}
#testiCarousel .quotation:before{
    left: 0;
}
#testiCarousel .quotation:after{
    right: 0;
}
.tabsGroupArea .subsForm {
    padding-bottom: 40px;
}
/************** Loader Css ********/
.loaderWrap {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    /* background: #972549; */
    background: #e2396f;
    top: 0;
    z-index: 20000000000;
}
#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#loader .diamond {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    background: #fff;
    -webkit-transform: translateY(0) rotate(45deg) scale(0);
    -ms-transform: translateY(0) rotate(45deg) scale(0);
    transform: translateY(0) rotate(45deg) scale(0);
    -webkit-animation: diamonds 1500ms linear infinite;
    animation: diamonds 1500ms linear infinite;
}
#loader .diamond:nth-child(1) {
    -webkit-animation-delay: -1000ms;
    animation-delay: -1000ms;
}
#loader .diamond:nth-child(2) {
    -webkit-animation-delay: -2000ms;
    animation-delay: -2000ms;
}
#loader .diamond:nth-child(3) {
    -webkit-animation-delay: -3000ms;
    animation-delay: -3000ms;
}
#loader .diamond:nth-child(4) {
    -webkit-animation-delay: -4000ms;
    animation-delay: -4000ms;
}

@-webkit-keyframes diamonds {
    50% {
        -webkit-transform: translateY(-50px) rotate(45deg) scale(1);
        transform: translateY(-50px) rotate(45deg) scale(1);
    }
    100% {
        -webkit-transform: translateY(-100px) rotate(45deg) scale(0);
        transform: translateY(-100px) rotate(45deg) scale(0);
    }
}

@keyframes diamonds {
    50% {
        -webkit-transform: translateY(-50px) rotate(45deg) scale(1);
        transform: translateY(-50px) rotate(45deg) scale(1);
    }
    100% {
        -webkit-transform: translateY(-100px) rotate(45deg) scale(0);
        transform: translateY(-100px) rotate(45deg) scale(0);
    }
}