/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 Jan, 2020, 12:12:34 PM
    Author     : Ankur Parmar
*/
a:hover {
    /* color: #0230f7; */
    color : #d01f42;
}

a {
    color : #d01f42;
}
.banner-style-one:before{
    position: absolute;
    content: '';
    /* background: url(../images/background/banner-2.png); */
    background-color: #fff2f3 !important;
    border-bottom: 1px solid #DB5B5B;
       /* background-image: -webkit-linear-gradient(-86deg, #0E32F9 0%, #21d4fd 100%); */
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    animation-name: slideInDown;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInDown;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInDown;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInDown;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
}

.banner-style-one h3 {
    font-family: 'Poppins', sans-serif;
    /* color: #FFFFFF; */
    color: #CE1544;
    font-weight: bold;
    font-size: 58px;
    line-height: 60px;
    animation-name: slideInDown;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInDown;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInDown;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInDown;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;



}

.banner-style-one .text {
    /* color: #fff; */
    font-size: 22px;
    line-height: 30px;
    margin-top: 29px;
    margin-bottom: 50px;
    animation-name: slideInDown;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInDown;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInDown;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInDown;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
}
.banner-style-one .image {
    /* animation-name: slideInRight;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInRight;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInRight;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInRight;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear; */
}
.sticky-header {
    /* background-image: linear-gradient(to left, #2ba2ff 30%, #0E32F9 100%); */
    background-image: linear-gradient(to left, #d01f42 30%, #d01f42 100%);
    border-bottom: none;
}
.main-header .sticky-header .main-menu .navigation>li>a {
    color:#fff !important;
}
.main-header .sticky-header .main-menu .navigation>li> a:hover {
    color: #fff !important;
}
.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    /* background: #fff; */
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;

}
img.logosticky {
    height: 50px;
}
.sticky-header .logo {
    padding: 18px 0px;
    position: relative;
}
#nglogo {
    width: 258px;
    margin-left: auto;
    margin-right: auto;
}
.main-menu .navigation>li> a:hover {
    color:  #fff !important;
}
.video-section .inner-box h3 span {
    /* color: #0f96ea; */
    color: #d01f42;
}
.video-section .inner-box a {
    /* background:  #0f96ea; */
    background: #d01f42;
}
.design_tab .nav-item .nav-link.active {

    background: #d01f42;
    border-left: 4px solid #d01f42;
    color: white;
   
}
.btn-style-five {
    /* background: #0f96ea; */
    background: #d74461;
    box-shadow: 0 10px 5px #f1f7fe;
}
.btn-style-five:hover {
    /* background: #0E32F9;  */
    background: #c21437; 
}
.agency-section {
    position: relative;
    display: block;
    /* padding: 100px 0px 5px 0px; */
    padding: 30px 0px 5px 0px;
}
.call-to-action {
    position: relative;
    padding: 50px 0px;
}
.call-to-action {
    position: relative;
    /* padding: 50px 0px 160px; */
}
.call-to-action:before {
    position: absolute;
    content: '';
    /* background: url(../images/icons/call-backgoud.png); */
    /* width: 813px;
    height: 527px; */
    left: 50px;
    top: 250px;
    background-repeat: no-repeat;
}
.agency-section:after {
    background:none;
}
.agency-section:before {
    background:none;  
}
.creative-section .content-block .title-block .floated-text {
    color: #1198ed;
    font-family: 'Lobster Two', cursive;
    font-size: 75px;
    line-height: 1em;
    font-weight: 700;
    position: absolute;
    top: -40px;
    left: 0%;
    animation: fa-spin 10s ease infinite;
}
.page-title.pricing-page {
    /* padding: 175px 0px 100px 0px; */
    padding: 48px 0px;
    /* background-image: -webkit-linear-gradient(0deg, #0E32F9 25%, #21d4fd 100%); */
    background-image: -webkit-linear-gradient(0deg, #CE1544 25%, #CE1544 100%);
}
.page-title .content-box {
    position: relative;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
.image-box .image-3 {
    z-index: 1;
    animation-name: slideInRight;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInRight;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInRight;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInRight;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;

}
.page-title:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    /* background: #0f96ea; */
    background: #d01f42;
    opacity: 0.5;
}
.support-feed {
    z-index: 1;
}
.contact-form-area.support-feed:before {
    background: none;
}
.customer-feed:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    /* background: #0f96ea; */
    /* background: #d01f42; */
    opacity: 0.7;
}
.icon-box.pre img {
    height: 80px;
}
.main-footer .footer-bottom .right-content .download-btn li:last-child a {
    background: #007bff;
}
.main-footer .footer-bottom .right-content .download-btn li:first-child a:hover{
    background: #007bff;
}
.main-footer .contact-widget .contact-list li a:hover{
    text-decoration: none;
    /* color: #0f96ea; */
    color: #d01f42;
}
.main-footer .link-widget .links-list li a:hover,
.main-footer .footer-bottom .copyright a:hover{
    /* color: #0f96ea; */
    color: #d01f42;
}
.main-footer .footer-bottom .right-content .download-btn li:first-child a {
    /* background: #0f96ea; */
    color: #d01f42;
}
.main-footer .footer-bottom .right-content .download-btn li:last-child a {
    /* background: #0f96ea; */
    color: #d01f42;
}
.main-footer .footer-bottom .right-content .download-btn li:first-child a:hover {
    /* background: #2ba2ff; */
    background: #d74461;
    color:#fff;
}
.main-footer .footer-bottom .right-content .download-btn li:last-child  a:hover {
    /* background: #2ba2ff; */
    background: #d74461;
    color:#fff;
}





.contact-section .contact-form-area {
    /* box-shadow: 0px 0px 30px #9ea1a5; */
    border-radius: 20px;
}
.contact-section .contact-info .single-info-box {
    box-shadow: 0px 0px 20px #9ea1a5;
    border-radius: 20px;
}





.features-section{
    position: relative;
    display: block;
    padding: 10px 0px 40px 0px;
}

.features-section .title-box h3 {
    position: relative;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 48px;
    color: #34263C;
    margin-bottom: 28px;
}

.features-section .title-box p {
    font-size: 18px;
    line-height: 28px;
    color: #34263C;
    opacity: 0.8;
}

.feature-block-one {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 61px 40px 58px 40px;
    border-radius: 10px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 14px 45px 0px rgba(205, 205, 205, 0.35);
    box-shadow: 0px 14px 45px 0px rgba(205, 205, 205, 0.35);
    transition: all 500ms ease;
    /* background-image: linear-gradient(to right, #2ba2ff 0%, #0E32F9 100%); */
    /* background-image: linear-gradient(to right, #d01f42 0%, #0E32F9 100%); */
    border: 1px solid #DB5B5B;
}

.feature-block-new{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 35px 40px 58px 40px;
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff2f3;
    border: 1px solid #DB5B5B;
}

.feature-block-two.feature-block-one{
    min-height: 550px;
}

.feature-block-one:before {
    content: '';
    width: 273px;
    height: 273px;
    /* background: #fff; */
    border-radius: 50%;
    position: absolute;
    top: -148px;
    left: -83px;
    transform: scale(0);
}

.feature-block-one:hover:before {
    /* transform: scale(1);
    transition: all 0.5s linear;
    transition-delay: 0.1s; */
    /* background-color: #DB5B5B; */
}

/* .feature-block-one:hover {
    border-color: transparent;
    background-color: #DB5B5B;
} */

.feature-block-one .snow-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    z-index: -1;

}
.feature-block-one .snow-dot:nth-child(1) {top:25px;left:41%; z-index: 1; animation: scale-upOne 1s alternate infinite ease-in;}
.feature-block-one .snow-dot:nth-child(2) {top:25px;left:78%; animation: scale-upOne 1.1s alternate infinite ease-in;}
.feature-block-one .snow-dot:nth-child(3) {top:75px;left:61%; animation: scale-upOne 0.8s alternate infinite ease-in;}
.feature-block-one .snow-dot:nth-child(4) {top:136px;left:84%; animation: scale-upOne 1s alternate infinite ease-in;}
.feature-block-one .snow-dot:nth-child(5) {bottom:35px;right:12%; animation: scale-upOne 1.2s alternate infinite ease-in;}
.feature-block-one .snow-dot:nth-child(6) {bottom:80px;right:31%; animation: scale-upOne 0.9s alternate infinite ease-in;}
.feature-block-one .snow-dot:nth-child(7) {bottom:40px;right:51%; animation: scale-upOne 1s alternate infinite ease-in;}
.feature-block-one:hover h3 a,.feature-block-one:hover h3,
.feature-block-one:hover p{
    /* color: #0f96ea !important; */
    /* color: #d01f42 !important; */
    color: #fff !important;
}

.feature-block-one .hover-content {
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -3;
    opacity: 0;
    transition: all 0.3s linear;
}

.feature-block-one:hover .hover-content {
    /* opacity: 1; */
}

.feature-block-one .hover-content:before {
    content: '';
    width: 493px;
    height: 493px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top:-250px;
    left:-180px;
    z-index: 1;
    transform: translate(-50% , -50%);
    opacity: 0;
}

.feature-block-one:hover .hover-content:before {
    opacity: 1;
    transform: translate(0% , 0%);
    transition: all 0.9s linear;
}

.feature-block-one .hover-content:after {
    content: '';
    width: 602px;
    height: 602px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top:-196px;
    left:-180px;
    z-index: -1;
    transform: translate(-50% , -50%);
    opacity: 0;
}

.feature-block-one:hover .hover-content:after {
    opacity: 1;
    transform: translate(0% , 0%);
    transition: all 1.3s linear;
}


.feature-block-one:hover{
    transform: translateY(-10px);
    box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.1);
}

.feature-block-one .icon-box {
    width: 52px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;    
    margin-bottom: 60px;
}

.feature-block-one .icon-box::after {
    content: '';
    border-radius: 10px;
    background-image:none;
    background-image:none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.feature-block-one .icon-box::before {
    content: '';
    width: 50px;
    height: 52px;
    border-radius: 10px;

    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: -1;
    transition: all 500ms ease;
}

.feature-block-one:hover .icon-box::before{
    opacity: 0;
}

.feature-block-one .icon-box i {
    color: #fff;
    font-size: 22px;
    position: relative;
    z-index: 1;
}

.feature-block-one h3, 
.feature-block-one p {
    margin: 0;
}

.feature-block-one h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 38px;
    color: #34263C;
    margin-bottom: 15px;
    margin-top: 24px;
}

.feature-block-one h3 a{
    position: relative;
    display: inline-block;
    color: #DB5B5B;
}

.feature-block-one h3 a:hover{
    color: #B750F3;
}

.feature-block-one p {
    font-size: 16px;
    line-height: 28px;
    opacity: 0.8;
    width: 84%;
}
.feature-block-two .icon-box{
    position: relative;
    display: flex;
    justify-content: left;
    min-height: 94px;
    margin: 0 auto;
    width: auto;
    height: auto;
    margin-bottom: 13px;
}
.feature-block-two p {
    width: 100%;
}

/*  Price  table */
.pricing-column:first-child {
    /* margin-top: 60px; */
}
.pricing-column:last-child {
    /* margin-top: 60px; */
}

.pricing-header{
    color: #fff;
    background: #CE1544;
    display: inline;
    padding: 15px 35px;
    border-radius: 45px;
}

#price-color .price-table {
    /* background: -webkit-linear-gradient(0deg, #2ba2ff 0%, #0E32F9 100%); */
    /* background: -webkit-linear-gradient(0deg, #d01f42 10%, #0E32F9 100%); */
    /* background: #fff; */
    color: black;
    border: 1px solid #DB5B5B;
    border-radius: 25px;
    min-height: 380px;
}


#price-color .price-table2 {
    /* background: -webkit-linear-gradient(0deg, #2ba2ff 0%, #0E32F9 100%); */
    /* background: -webkit-linear-gradient(0deg, #d01f42 10%, #0E32F9 100%); */
    /* background: #fff; */
    color: black;
    border: 1px solid #DB5B5B;
    border-radius: 25px;
    min-height: 380px;
}
#price-color .table-header .text:hover {
    color:#fff;
}
#price-color .table-header .price {
    color:#DB5B5B;
    margin: 29px 0px;
}
#price-color .table-header h2 {
    color:#DB5B5B;
}

#price-color .table-header h2:hover {
    color:#fff;
}

#price-color .table-header .h2 {
    color:#DB5B5B;  
}
#price-color .table-content li {
    color:#DB5B5B;  
    font-size: 25px;
}

.start-now-btn {
    background: #DB5B5B;
    color: #fff;
    padding: 15px 60px;
    border-radius: 50px;
    font-weight: 500;
    font-size: 21px;
}

.on-demand-points{
    display: flex;
    justify-content: space-around;
    color: #db5b5b;
}

@media only screen and (max-width: 500px){ 
    .on-demand-points{
        display: block;
       
        text-align: left;
    }

    .on-demand-points p{
       margin: 10px 0px;
       font-size: 10px;
    }

}

#price-color .price-table:hover .on-demand-points{
    color: #fff;
}


#price-color .price-table:hover .start-now-btn{
    color: #DB5B5B;
    background: #fff;
}

#price-color .price-table2:hover .start-now-btn {
    color: #DB5B5B;
    background: #fff;
    border: 1px solid #DB5B5B;
}

/*.pricing-column:hover .price-table, .pricing-column:hover h2,.pricing-column:hover .text,.pricing-column:hover .icon-box,.pricing-column:hover .price,.pricing-column:hover .table-content li,.pricing-column:hover .table-header {

    background: #2ba2ff  !important;
    color: #fff !important;
}*/
.pricing-column:hover h2 ,.pricing-column:hover .text ,.pricing-column:hover .table-content li ,.pricing-column:hover .price {
    color: #fff !important;
}

.pricing-style-two .price-table:hover {
    box-shadow: 0px 10px 25px 0px #dee2e6;
    /* background: -webkit-linear-gradient(0deg, #2ba2ff 0%, #0E32F9 100%); */
    /* background: -webkit-linear-gradient(0deg, #d01f42 10%, #0E32F9 90%); */
    background: #DB5B5B;
}
.btn-style-new {
    position: relative;
    line-height: 24px;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    border-radius: 50px;
    border: 2px solid #fff;
    /* background-color: #0E32F9; */
    background-color: #d01f42;
    text-transform: capitalize;
    padding: 16px 32px 16px 32px;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0px 0px 20px rgba(23,23,23,0.15);
    /* button color change from gradient to plain when newtheme applied */
    /* background-image: -ms-linear-gradient(left, #2ba2ff 0%, #0E32F9 100%);
    background-image: -moz-linear-gradient(left, #2ba2ff 0%, #0E32F9 100%);
    background-image: -o-linear-gradient(left, #2ba2ff 0%, #0E32F9 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2ba2ff ), color-stop(100, #0E32F9));
    background-image: -webkit-linear-gradient(left, #2ba2ff 0%, #0E32F9 100%);
    background-image: linear-gradient(to right, #2ba2ff 0%, #0E32F9 100%); */
}
.btn-style-new:hover {
    color:#ffffff;
    background-color: #d74461;
    /* button color change from gradient to plain when newtheme applied */
    /* background-image: -ms-linear-gradient(left, #0E32F9 0%, #2ba2ff  100%);
    background-image: -moz-linear-gradient(left, #0E32F9 0%, #2ba2ff  100%);
    background-image: -o-linear-gradient(left, #0E32F9 0%, #2ba2ff  100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0E32F9), color-stop(100, #2ba2ff ));
    background-image: -webkit-linear-gradient(left, #0E32F9 0%, #2ba2ff  100%);
    background-image: linear-gradient(to right, #0E32F9 0%, #2ba2ff  100%); */
}
/*.table-header:hover h2 {
    background: #2ba2ff;
    color: #fff !important;
    box-shadow: 0px 10px 25px 0px #c6cbd6;
}*/
a.btn-style-link {
    /* font-size: 17px; */
    font-size: 18px;
    font-weight: 600;   
    /* background: #2794fe; */
    background: #d74461;
    padding: 8px 12px;
    border-radius: 20px;
    color: #fff;
}
.btn-style-link:hover {
    /* background: #0E32F9; */
    background: #c21437;/*#d01f42;*/
    color:#fff;
}
#tb-color {
    box-shadow: 2px 10px 50px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
}
.creative-style-two:before {
    background: none;
}
.sec-title h2 {
    font-size: 37px;
}
.creative-style-two .content-box {
    padding-top: 56px;
}
.creative-style-two {
    position: relative;
    display: block;
    padding: 100px 0px 75px 0px;
}
.service-section {
    background-image: none;
    background-color: #f2f2f2;
}
.service-section .single-item h4 a {
    color: #000;
}
.service-section .single-item .text {
    color:#6e6773;
}
.service-page-4.service-block-three {
    padding: 70px 0px 70px 0px;
    background:#fff;
}
.service-section .single-item:before {
    /* background-image: -webkit-linear-gradient(0deg, #2ba2ff  0%, #0E32F9  100%); */
    background-image: -webkit-linear-gradient(0deg, #d01f42  0%, #d01f42  100%);
}
.service-section .single-item {
    max-width:none;
}
#contact-form .form-group input[type='text'], #contact-form .form-group input[type='email'], #contact-form .form-group textarea {
    border: 1px solid #c2c2c4; 
}
#contactus-form .form-group input[type='text'], #contactus-form .form-group input[type='email'], #contactus-form .form-group textarea {
    border: 1px solid #c2c2c4; 
}
/* registration */
.contact-form-rg .form-group input[type='text'],.contact-form-rg .form-group input[type='email'], .contact-form-rg .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    border: 1px solid #c2c2c4;
    padding: 15px 20px;
    border-radius: 15px;
}
.contact-form-rg .form-group input[type='password'],.contact-form-rg .form-group input[type='franchise_address'] ,.contact-form-rg .form-group input[type='mobile'] {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    border: 1px solid #c2c2c4;
    padding: 15px 20px; 
    border-radius: 0;
}
.contact-form-rg .form-control {
    height: 60px;
    font-size: 16px;
    border:1px solid #c2c2c4;
    padding: 15px 20px;  
    width: 80%;
}
#franchise_address {
    width: 100%;
    height: 60px;
    font-size: 16px;
    border: 1px solid #c2c2c4;
    padding: 15px 20px;  
    border-radius: 15px;
}
label.invalid {
    color: #ff0000;
}
.alert.alert-validation-danger {
    color: #ff0000;
}
.contact-form-rg.input-group-text {
    height: 60px;
    border-radius: 0;
}
.contact-form-rg.form-group input:focus,.contact-form-rg .form-group password:focus,
.contact-form-rg .form-group textarea:focus{
    border-color: transparent;
    box-shadow: 0px 20px 30px #c4c2c2;
}
.design_tab .nav-item .nav-link {
    padding: 35px 16px;
    border-left: 3px solid #ffc7d5;
    background: #FFF5F5;
    border-radius: 0px 15px 15px 0px;
    margin-top: 4px;
}
.design_tab .nav-item {
    width: 100%;
    margin-bottom: 0px;
}
.reg-top-from {
    position: relative;
    display: block;
    background: #FFFBFB;
    padding: 52px 70px 52px 70px;
    /* box-shadow: 0px 0px 30px #9ea1a5; */
    margin-bottom: 90px;
    /* margin-top: 90px; */
    z-index: 2;
    border-radius: 20px;
    border: 1px solid #DB5B5Bb3;
}
.reg-from:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    /* background: #0f96ea; */
    /* background: #df395a; */
    opacity: 0.5;
}
.reg-form-title {
    margin-bottom: 46px;

}
.reg-form-title a {
    /* color:#2ba2ff;  */
    color: #d01f42;
}
.reg-form-title a:hover {
    color:#000; 
}
.re-text h3 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
    padding-top: 16px;
}
.date-new {
    padding-top: 27px;
}
.date-new h6 {
    margin-bottom: 10px;
}
.star-rating-add {
    border: 1px solid #e9b479;
    background: #ffe041;
    color:#fff;
    border-radius:50%;
    margin: 1px;
    height: 32px;
    width: 32px;
    padding: 0px;
}
.star-rating-remove {
    border: 1px solid #c2c2c4;
    background:#fff;
    color:#c2c2c4;
    border-radius:50%;
    margin: 1px;
    height: 32px;
    width: 32px;
    padding: 0px;
}
h1.reponse-title {
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 30px;
    color: #CE1544;
}
h1.contact-reponse-title {
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 30px;
    color: #fff;
}
.our-story.about-page-1 {
    padding: 0px 0px 50px 0px;
}

.title-rg {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #34263c;  
    padding: 20px;
    font-size: 26px;
}
.title-dg {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #34263c; 
    padding: 20px;
}
/*responsive */
@media only screen and (max-width: 499px){
    .page-title.pricing-page {
        /* padding: 216px 0px 120px 0px; */
    }
}
@media only screen and (max-width: 991px){
    .main-menu .navbar-collapse>.navigation {
        float: none !important;
        margin: 0px !important;
        width: 100% !important;
        /* background-image: -webkit-linear-gradient(0deg, #21d4fd  25%,  #0839b2 100%); */
        background-image: -webkit-linear-gradient(0deg, #d01f42  25%,  #eb2c52 100%);
        border-top: none;
    }
    img.fion-bottom {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 991px){ 
    .main-menu .navigation>li>a {
        padding: 30px 8px;
    }

}
/* bootrap */
.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 40px;
    min-width: 16px;
    padding: 9px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
}
.icon-remove {
    background-position: -312px 0;
}
.input-append input {
    border-radius: 4px 0 0 4px;
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    cursor: not-allowed;
    background-color: #eee;
    border: 1px solid #ccc;
    display: inline-block;
    height: 40px;
    padding: 4px 6px;
    line-height: 20px;
    color: #555;

}
span.color-true {
    /* color: #103bf9; */
    color: #d01f42;
}
span.color-falue {
    color: #ff0000;
}

input.c-number {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    border: 1px solid #c2c2c4;
    padding: 15px 20px;
    border-radius: 15px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.call-to-action-form .form-group input[type='text'], .call-to-action-form .form-group input[type='email'], .call-to-action-form .form-group textarea {
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 0px;
    background: #F1F1F1;
    border-radius: 20px;
    min-height: 55px;
}
.call-to-action-form .form-group textarea {

    margin-top: 23px;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
#contact-form .form-group input:focus, #contact-form .form-group textarea:focus  {
    border: 1px solid #c2c2c4; 
}
#contactus-form .form-group input:focus, #contactus-form .form-group textarea:focus  {
    border: 1px solid #c2c2c4; 
}
/* responsive */
@media only screen 
and (min-device-width: 768px)   and (max-device-width: 1024px)   and (-webkit-min-device-pixel-ratio: 1) 
and (orientation: portrait) {

}

@media only screen 
and (min-device-width: 768px)   and (max-device-width: 1024px)   and (-webkit-min-device-pixel-ratio: 1) 
and (orientation: landscape) {
    .main-menu .navigation>li>a {
        padding: 25px 8px;
    }
    .main-header .logo-box {
        width: 172px;
    }
    img.logosticky {
        height: 43px;
    }
    .main-header .sticky-header .main-menu .navigation>li>a {
        padding: 23px 12px !important;
    }
    .banner-style-one {
        padding-bottom: 225px;
        padding-top: 200px;
    }
    .creative-section .image-block {
        margin-left:0px;
    }
    .page-title.pricing-page .content-box h1 {
        margin-bottom: 0px;
    }
    img.fion-bottom {
        margin-bottom: 10px;
    }
}
@media only screen 
and (min-device-width: 1024px)   and (max-device-width: 1366px)   and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait) {
    .main-menu .navigation>li>a {
        padding: 25px 8px;
    }
    .main-header .logo-box {
        width: 172px;
    }
    .banner-style-one {
        padding-bottom: 225px;
        padding-top: 200px;
    }
    img.logosticky {
        height: 43px;
    }
    .main-header .sticky-header .main-menu .navigation>li>a {
        padding: 23px 12px !important;
    }
}

select.form-control:not([size]):not([multiple]){
    height:60px !important;
    width: 100% !important;
    border-radius: 15px;
}

.input-group-prepend{
    height: 60px;
}

.input-group-append{
    height: 60px;
}

/**
    CUSTOM CSS FOR LEGAL PAGES 
**/

.content-page-1 ul{
    padding-left:14px;

}
.content-page-1 ul li {
    list-style-type: disc;
}
.content-page-1 ul li ul li {
    list-style-type: circle;
}
.fw-bold{
    font-weight: 800;
}

.fw-bold-2x{
    font-weight: bold;
}

.content-page-1 .list-number ol li {
    list-style-type: decimal;
    margin: auto !important;
}


.content-page-1 .list-alpha ol li {
    list-style-type: lower-latin;
    margin: auto !important;
}

.content-page-1 .list-alpha-u ol li {
    list-style-type: upper-latin;
    margin: auto !important;
}

.hidden{
    display: none;
}