@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    font-weight: 400;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    overflow-x: hidden;
}

.container-fluid {
    max-width: 1230px;
}

.container {
    max-width: 1070px;
}

ul {
    padding: 0;
}

label {
    font-size: 15px;
}

li,
li:hover,
a:hover,
.btn,
.btn:hover {
    transition: all .3s ease;
}

a:hover {
    text-decoration: none !important;
}

*:focus {
    outline: 0;
}

img {
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 25px;
}

p {
    font-size: 15px;
    line-height: 29px;
}

.pt-120 {
    padding-top: 120px;
}

.dflex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.col-4 {
    width: 33.33%;
}

.col-8 {
    width: 66.66%;
}

.tcenter {
    text-align: center;
}

.pd100 {
    padding: 80px 0;
}

.white-color {
    color: #fff;
}

.table {
    display: table;
    margin-bottom: 0;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.box-inner a {
    color: #fff;
}

.mt50 {
    margin-top: 50px;
}

.slick-arrow {
    cursor: pointer;
}

.h100 {
    height: 100%;
}

.pdb40 {
    margin-bottom: 30px;
}

/* Bob */

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}


/* Skew Forward */

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: 0.3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
}

.go-top {
    bottom: 0;
    display: none;
    position: fixed;
    right: 50%;
    z-index: 999;
    margin-right: -22px;
}

.go-top span {
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 0 10px 4px 10px;
    text-align: center;
    display: inline-block;
    background: #f68b5a;
}

.go-top span:hover {
    color: #fff;
}

.go-top i {
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    font-size: 24px;
}


/* ===============HOME===========*/

html,
body {
    height: 100%;
}

.header-area {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 1px 4px #000;
}

.header-area .logo-area {
    width: 230px;
    padding: 15px 0;
}

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

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

.header-area .main-menu-area ul li a {
    padding: 15px;
    color: #000;
    line-height: 106px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

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

.header-area .main-menu-area .start a {
    background: #f68b5a;
    padding: 7px 10px;
    border-radius: 12px;
    color: #fff;
    font-weight: 700;
    margin-left: 20px;
    line-height: 106px;
}

.cookcodesmenu_menu {
    display: none;
}



/*DROPDOWN MENU*/

#nav>li {
    position: relative;
}

#nav li ul {
    position: absolute;
    top: 106px;
    left: 12px;
    width: 170px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-bottom: 1px solid #ddd;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

#nav li ul li {
    display: block;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 0;
}

#nav li ul li a {
    line-height: 1.3;
}

#nav li:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mt100 {
    margin-top: 100px;
}



.header-area .main-menu-area .start :hover {
    color: #fff;
}

.banner-area {
    height: 60%;
    min-height: 600px;
    position: relative;
}

.banner-area .banner-slider {
    height: 100%;
}

.banner-area .banner-slider .slick-track,
.banner-area .banner-slider .slick-slide,
.banner-area .banner-slider .slick-slide>div,
.banner-area .banner-slider .slick-list {
    height: 100%;
}

.banner-area .banner-slider .single-slider {
    position: relative;
    height: 100%;
    display: block !important;
}

.banner-area .banner-slider .single-slider .slider-text {
    transition: .3s;
    display: table;
    height: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.banner-area .banner-slider .single-slider .slider-text.slider-text-container {
    /*max-width: 1140px;*/
    width: 100%;
}

.banner-area .banner-slider .single-slider .slider-text .slider-text-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.banner-area .banner-slider .single-slider .slider-text .slider-text-inner h1 {
    color: #fff;
    font-weight: 700;
    font-size: 45px;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    margin-top: 0;
    line-height: 45px;
}

.banner-area .banner-slider .single-slider .slider-text .slider-text-inner h2 {
    color: #fff;
    font-weight: 300;
    font-size: 35px;
}

.banner-area .slider-arrow .arrow-left {
    display: inline-block;
    position: absolute;
    top: 50%;
    color: #fff;
    left: 65px;
    font-weight: 700;
    font-size: 45px;
}

.banner-area .slider-arrow .arrow-right {
    font-weight: 700;
    top: 50%;
    right: 65px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    float: right;
}

.banner-area .slick-active .slider-text {
    transition: .3s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}/*slide text*/


.slider-webinar h2 { 
    margin-top: 90px !important; 
    color: #0e324a !important;
    font-weight: 700 !important;
    font-size: 45px !important; 
    line-height: 45px !important;
}

.slider-webinar p { 
    color: #0e324a;
    font-weight: 300;
    font-size: 35px;
    line-height: 45px;
}

.slider-webinar .content-btn a {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    background: #f68b5a !important;
    padding: 7px 18px;
    border-radius: 12px;
    margin-top: 33px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.slider-text-2 {
    background: #f4f4f7;
    max-width: 800px;
    /*margin-top: 200px;*/
    padding: 40px 40px 50px 40px;
    border-radius: 20px !important;
}

.slider-text-2 h1 {
    color: #000 !important;
    font-weight: 600;
    font-size: 35px;
    padding-top: 20px;
    margin-bottom: 0 !important;
    padding-bottom: 20px;
}

.slider-text-2 a {
    background: #f68b5a !important;
}

.slider-text-2 h2 {
    margin-top: 0 !important;
    font-weight: 400;
    font-size: 35px;
    color: #000 !important;
    margin-bottom: 12px !important;
}

.slider-text-2 p {
    color: #000;
    margin-top: 0 !important;
    font-weight: 300;
    font-size: 15px;
    margin-top: 30px !important;
}

.slider-text-3 {
    float: right;
    max-width: 500px;
    margin-top: 0px;
    text-align: left;
}

.slider-text-3 h2 {
    color: #000000 !important;
    font-size: 35px;
    line-height: 50px;
    font-weight: 300;
    margin-bottom: 40px;
}

.cmn-clr {
    margin-top: 20px;
}

.content-area {
    padding-top: 100px;
    padding-bottom: 100px;
}

.content-area .content-icon {
    height: 100px;
    position: relative;
}

.content-area .content-icon img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.content-area .content-text h2 {
    font-size: 34px;
    font-weight: 300;
}

.content-area .single-content-text h3 {
    color: #000;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
}

.content-area .single-content-text p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.border-bottom {
    height: 10px;
    background: #f68b5a;
    margin-bottom: 100px;
}

.request-area {
    height: 500px;
    background-image: url("../img/banner.jpg");
    background-size: cover;
    /*  border-bottom: 10px solid #f68b5a;
    margin-bottom: 30px;
    */
    background-attachment: fixed;
}

.request-area .request {
    background: rgba(255, 255, 255, 0.8);
    display: block;
    max-width: 460px;
    border-radius: 20px;
    float: right;
    margin-top: 83px;
    margin-right: 11px;
    padding-right: 30px;
}

.request-area .request .request-text p {
    width: 370px;
    color: #000;
    font-weight: 300;
    font-size: 35px;
    line-height: 1.3;
    margin-left: 40px;
    padding-top: 35px;
}

.request-area .request .request-btn {
    display: inline-block;
    margin-left: 40px;
    padding-bottom: 60px;
}

.request-area .request .request-btn a {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 8px 20px;
    display: inline-block;
    background: #5dcfd0;
    border-radius: 14px;
    margin-top: 30px;
    text-transform: uppercase;
    background: #f68b5a;
}

.request-area .request .request-btn a:hover {
    color: #fff;
}

.record-area {
    padding-bottom: 150px;
}

.record-area .record-text h2 {
    color: #000;
    font-weight: 300;
    font-size: 35px;
}

.record-area .record-text p {
    color: #000;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 35px;
}

.record-area .record-text a {
    text-decoration: none;
    color: #000;
    display: block;
}

.content-btn {
    display: inline-block;
}

.content-btn a {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    background: #5dcfd0;
    padding: 7px 18px;
    border-radius: 12px;
    /*margin-top: 33px;*/
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.record-area .record-text .content-btn :hover {
    color: #f68b5a;
}

.record-area .content-btn {
    display: inline-block;
    margin-top: 50px;
}

.content-btn.services-btn a {
    margin-top: 59px;
}

.offer-area .offer-text h2 {
    display: inline;
    font-weight: 300;
    font-size: 35px;
    color: #000;
}

.offer-area .offer-text img {
    width: 65px;
    margin-bottom: 41px;
    margin-left: 41px;
}

.offer-area .offer-text p {
    margin-top: 0;
    color: #000;
    font-size: 15px;
    margin-bottom: 20px;
}

.footer-area {
    background-image: url("../img/footer-banner.jpg");
    background-size: cover;
    padding-bottom: 30px;
}

input {
    color: #000;
}

.form-control {
    border-radius: 13px;
    width: 293 px;
    height: 32px;
    line-height: 32px;
    border: 2px solid #000;
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

.form-control:focus {
    border-color: #000;
}

label {
    font-size: 15px;
    font-weight: 400;
}

.submit-btn {
    border: 0;
    background: #f68b5a;
    border-radius: 12px;
    padding: 8px 20px;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 18px;
    margin-bottom: 50px;
}

.footer-area .footer-left .footer-logo {
    margin-top: 40px;
}

.footer-area .footer-left .footer-left-text h2 {
    width: 420px;
    color: #fff !important;
    font-weight: 300;
    font-size: 35px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.footer-area .footer-left .footer-left-text p {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}

.footer-area .footer-bottom-left {
    margin-top: 61px;
}

.footer-area .footer-bottom-left .footer-link ul {
    display: inline-block;
}

.footer-area .footer-bottom-left .footer-link ul li {
    display: inline-block;
    margin-right: 26px;
    margin-bottom: 30px;
    position: relative;
}

.footer-area .footer-bottom-left .footer-link ul li:last-child:before {
    content: '';
}

.footer-area .footer-bottom-left .footer-link ul li:before {
    position: absolute;
    content: '|';
    top: 0;
    right: -18px;
    color: #fff;
    z-index: 999;
    font-size: 15px;
}

.footer-area .footer-bottom-left .footer-link ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
    text-decoration: none;
}

.footer-area .footer-bottom-left .bottom-left ul {
    display: inline-block;
}

.footer-area .footer-bottom-left .bottom-left ul li {
    display: inline-block;
    margin-right: 50px;
    color: #fff;
    font-size: 12px;
}

.footer-area .footer-bottom-left .bottom-left ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

.footer-area .footer-bottom-right {
    margin-top: 60px;
}

.footer-area .footer-bottom-right ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    display: inline-block;
    vertical-align: bottom;
}

.footer-area .footer-bottom-right ul li {
    list-style: none;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

.footer-bottom-right-icons {
    margin-left: 10px;
}

.footer-bottom-right-icons li {
    display: inline-block;
}

.footer-bottom-right-icons li a {
    font-size: 18px;
    color: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.footer-right {
    margin-top: 50px;
}

.footer-right .social-btn {
    display: inline-block;
}

.footer-right .social-btn .started-btn {
    float: left;
    margin-right: 20px;
}

.footer-right .social-btn .started-btn a {
    color: #fff;
    background: #f68b5a;
    padding: 7px 12px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #f68b5a;
}

.footer-right .social-btn .started-btn :hover {
    color: #fff;
}

.footer-right .social-btn .contact-btn {
    float: right;
}

.footer-right .social-btn .contact-btn a {
    border: 1px solid #f68b5a;
    color: #fff;
    padding: 7px 12px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}

.footer-right .social-btn .contact-btn :hover {
    color: #f68b5a;
}

.footer-right .navigate {
    margin-top: 40px;
}

.footer-right .navigate h3 {
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 17px;
}

.footer-right .footer-menu-left ul {
    display: inline-block;
    float: left;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.footer-right .footer-menu-left ul li {
    list-style: none;
    margin-bottom: 4px;
    margin-right: 90px;
}

.footer-right .footer-menu-left ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
}

.footer-right .footer-menu-left ul li :hover {
    color: #f68b5a;
}








/*PRICING AREA*/

.prising-banner {
    background-image: url(../img/pricing-banners.jpg);
    background-position: right;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.pricing-banner {
    background-image: url(../img/pricing-banners.jpg);
    background-position: right;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.clr-text {
    max-width: 850px;
}

.clr-text h1,
.clr-text h2 {
    color: #000 !important;
    line-height: 1.5;
}

.clr-btn a {
    background: #f68b5a !important;
    text-decoration: none;
}





/*FEES AREA*/

.fees-area {
    padding: 100px 0;
}

.fees-area-right {
    padding-left: 120px;
    /*max-width: 660px;*/
}

.fees-text h2 {
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
}

.pt40 {
    margin-top: 60px;
}

.fee-btn {
    margin-top: 30px;
}







/*retrieve-area*/

.retrieve-area {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 100px;
}

.retrieve-area-left {
    margin-top: 190px;
}

.retrieve-area-list {
    padding-top: 40px;
}

.retrieve-area-list ul {
    list-style: none;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
}

.retrieve-area-list ul li a {
    text-decoration: none;
    color: #0e3249;
    font-size: 25px;
    color: #0e3249;
    font-size: 25px;
    font-weight: 400;
    line-height: 40px;
}

.retrieve-area-right {}

.retrieve-area-text h2 {
    color: #0e3249;
    font-size: 45px;
    font-weight: 400;
}

.retrieve-area-text ul li {
    list-style: none;
    color: #0e3249;
    font-weight: 300;
}



.retrieve-text-bottom {
    padding-top: 70px;
}

.retrieve-text-bottom h3 {
    color: #0e3249;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 45px;
}

.retrieve-btn a {
    font-size: 16px;
    background-color: #f68b5a;
}






/*Billing-area*/

.billing-area {
    background-image: url(../img/billing-banner.png);
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    min-height: 600px;
    background-attachment: fixed;
    position: relative;
}
.billing-area:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(244, 244, 247, 0.9);
    margin-top: 90px;
}

.billing-text-area {
    max-width: 700px;
    /*background-color: rgba(244, 244, 247, 0.9);*/
    border-radius: 15px;
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    text-align: center;
}


.billing-text h2 {
    color: #000000;
    font-weight: 300;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 30px;
}

.billing-text p {
    margin-bottom: 24px;
color: #000000;
font-size: 25px;
font-weight: 400;
line-height: 40px;
}

.pricing-row{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}


.posrelative{
    position: relative;
}
.posrelative img{
    position: absolute;
    top: -40px;
    left: 80px;

}

.pricing-row-last .inner-table{
    border-radius: 0 0 13px 13px;
}


/*Blog Area*/


/**/

.latest-area {
    padding: 90px 0;
}

.slider-text-inner img {
    display: inline-block;
}

.slider-text-inner h2 {
    margin: 45px 0;
}

.latest-area {
    padding-top: 90px;
}

.latest-text {
    padding-bottom: 100px;
    width: 870px;
    margin: 0 auto;
}

.single-latest-text {
    width: 254px;
    padding-left: 20px;
}

.single-latest-text h6 {
    margin-top: 0px;
    padding-top: 24px;
}

.single-latest-text h2 {
    font-size: 20px;
    font-weight: 700;
}

.single-latest-text p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 20px;
}

.single-latest-text a {
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 22px;
    color: #000;
}

.border-bottom {
    height: 10px;
    background: #f68b5a;
    margin-bottom: 40px;
}

.bdra {
    max-width: 294px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-top: 0;
    margin-bottom: 60px;
}













/*==============Questions Area==========*/


.questions-area {
    padding-top: 70px;
    padding-bottom: 100px;
    background-image: linear-gradient(113deg, rgba(200, 225, 223, 0.4) 0%, rgba(244, 244, 247, 0.4) 100%);
}


.questions-text h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 20px;
}

.pricing-bd {
    margin-bottom: 0;
}



.questions-area h4 {
    font-weight: 700;
    font-size: 15px;
}

.questions-area p {
    font-size: 15px;
    margin-bottom: 40px;
}

.questions-area-right-text {
    max-width: 290px;
    padding-top: 200px;
}

.questions-area-right-text h2 {
    font-size: 35px;
    font-weight: 400;
}





/*========Our System ===============*/


/*=======Integration Area===*/

.integration-area {
    background-image: url(../img/Integration-bg.png);
    min-height: 680px;
    background-repeat: no-repeat;
}

.integration-area-text img,
.integration-area-text h2 {
    /*float: left;*/
    margin-bottom: 50px;
}

.integration-area-text h2 {
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 40px;
}

.integration-area-text p {
    max-width: 350px;
    float: right;
    text-align: left;
    margin-bottom: 50px;
    font-size: 15px;
    font-weight: 400;
}

.integration-area-right {
    text-align: right;
    padding-top: 100px;
}

.integration-area-icon {
    margin-bottom: 40px;
}

.integration-btn {
    width: 100%;
}




/*Large Team Area*/

.large-team-area {
    background-image: url(../img/write-banners.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    background-attachment: fixed;
}

.large-team-text {
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 510px;
    margin-top: 111px;
    border-radius: 15px;
}

.large-team-text-clr {
    padding: 30px;
}

.large-team-text-clr p {
    margin-bottom: 25px;
    margin-top: 25px;
    font-weight: 400;
}

.large-team-text-clr h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 300;
}

.write-btn {
    padding-bottom: 30px;
}

/*======================Record Banner Area================*/

.record-banner-area {
    background-image: url(../img/record-banner.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 600px;
    padding-top: 40px !important;
}



.record-banner-area h1 {
    letter-spacing: 4.5px;
}




/*===========Securety Area==========*/

.securety-area {
    background-image: url(../img/system-secure-banner.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 900px;
    background-attachment: fixed;
}

.securety-text h2 {
    display: inline-block;
    margin-top: 0;
}

.securety-text p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.9;
}

.securety-text img {
    margin-left: 20px;
    margin-bottom: 40px;
    position: absolute;
    top: 70px;
}

.securety-text-inner {
    padding: 0px 40px 30px 45px;
}

.securety-text {
    max-width: 620px;
    background-color: rgba(255, 255, 255, 0.8);
    float: right;
    margin-top: 30px;
    border-radius: 20px;
    margin-top: 57px;
}

.securety-text-inner {
    padding: 40px 40px 30px 45px;
}

.system-bdr {
    margin-bottom: 0;
}









/*==========*/

.slider-text-in {
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.system-arrow {
    color: #0e3249 !important;
}

.system-banner {}

.slider-text-title-1 {
    position: absolute;
    top: 90px;
}

.slider-text-title-1 h2 {
    display: inline-block;
    font-weight: 400;
}

.slider-text-title-1 img {
    display: inline-block;
    margin-left: 20px;
}

.slider-text-in a {
    color: #000;
    text-decoration: none;
}





/*our-system-area*/

.our-system-area {
    min-height: 2200px;
    width: 100%;
    background: #F4F4F6 url(../img/our-system-bg.png);
    /*background-size: contain;*/
    -webkit-background-size: 1366px 2279px;
    background-size: 1366px 2279px;
    background-position: top center;
    background-repeat: no-repeat;
}

.our-system-text {
    padding-top: 120px;
    padding-bottom: 200px;
}

.our-system-text h1 {
    font-size: 45px;
    color: #000;
    font-weight: 400;
    margin-bottom: 25px;
}

.our-system-text h2 {
    max-width: 650px;
    color: #000;
    line-height: 1.3;
    margin: 0 auto;
    font-weight: 300;
    font-size: 35px;
}

.system-number h1 {
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    color: #000;
}

.single-system-text-left h2 {
    margin-top: 0;
    color: #000;
}

.single-system-text-left p {}

.single-system-text-right {
    margin-top: 100px;
}

.single-system-text-right h2 {}

.single-system-text-right p {}

.middle-num {
    margin-top: 153px;
    color: #000;
}

.single-text-left {
    margin-top: 125px;
}

.single-text-left-3 {
    margin-top: 105px;
}

.single-text-left h2 {
    margin-top: 0;
    color: #000;
}

.single-text-left p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.single-system-text-right-4 {
    margin-top: 60px;
}

.single-text-left-5 {
    margin-top: 100px;
}

.single-system-text-right-6 {
    margin-top: 110px;
}

.middle-num-3 {
    margin-top: 166px;
}

.middle-num-4 {
    margin-top: 150px;
}

.middle-num-5 {
    margin-top: 185px;
}

.middle-num-6 {
    margin-top: 170px;
}

.cmn-stm h2 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #000;
}

.cmn-stm p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
}

.system-text-middle h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 130px;
    margin-left: 20px;
}

.system-text-middle p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px;
    line-height: 25px;
}




/*==============LOGIN */

.login-area {
    overflow: hidden;
    padding-top: 100px;
    position: relative;
    min-height: 465px;
}

.login-area-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 474px;
}

.login-area-right {
    padding-top: 40px;
    padding-left: 37%;
}

.login-area-right h3 {
    margin-bottom: 20px;
}

.login-area-right .form-horizontal input[type='submit'] {
    text-align: right;
    float: right;
    margin-bottom: 30px;
    margin-top: 25px;
}

.forgot-register {
    display: block;
    overflow: hidden;
    text-align: right;
}

.forgot-register a {
    display: block;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
}

.forgot-register a:hover {
    color: #f68b5a;
}

.login-form {
    overflow: hidden;
    clear: both;
}

.single-login {
    width: 45%;
}

.single-login:first-child {
    /*margin-right: 50px;*/
    float: left;
}

.single-login:last-child {
    float: right;
}


/*Getstarted Area*/

.getstarted-area {
    overflow: hidden;
    padding-top: 100px;
    position: relative;
    min-height: 465px;
    background-image: url(../img/get-banners.png);
    -webkit-background-size: auto;
    background-size: auto;
    background-position: left 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.getstarted-area-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 474px;
}

.getstarted-area-right {
    padding-top: 40px;
    padding-left: 37%;
}

.get-single-login {
    width: 70%;
}

.getstarted-area-right input {
    margin-top: 0;
}

.getstarted-area-right label {
    margin-top: 14px;
}

.get-agree {
    margin-top: 20px;
}

.get-agree label {
    display: inline-block;
    vertical-align: middle;
}

.get-agree input {
    display: inline-block;
    vertical-align: middle;
}

.get-agree input[type='checkbox'] {
    width: 30px;
    margin: 0;
}

.get-agree label {
    width: calc(100% - 55px);
    border: 0;
    box-shadow: none;
    margin: 0;
}

/* Base for label styling */

/*demo area*/

.demo-area {
    background-image: url(../img/demo-banner.png);
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    background-position: center center;
}

.demo-area .single-slider {
    height: 100%;
    display: table;
    width: 100%;
}

.demo-text {
    display: table-cell;
    vertical-align: middle;
}

.demo-text-inner h1 {
    color: #000000;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.demo-text-inner h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
}

.signedup-text-inner h1 {
    color: #000000;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.signedup-text-inner h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
}

.cilo-demo-video-area {
    background-image: url(../img/demo-connected-graphic.png);
    -webkit-background-size: cover;
    background-size: auto;
    width: 100%;
    height: 590px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.cilo-demo-video-left {
    padding-top: 130px;
}

.cilo-demo-text {
    max-width: 354px;
}

.cilo-demo-logo {
    width: 150px;
    margin-bottom: 35px;
}

.cilo-demo-text h2 {
    color: #000000;
    font-size: 40px;
    font-weight: 300;
}

.demo-mobile-area {
    background-image: url(../img/demo-mobile.png);
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    height: 800px;
    background-position: top 200px;
    /*background-attachment: fixed;*/
}

.demo-mobile-area-right h2 {
    color: #000019;
    font-size: 40px;
    font-weight: 300;
    margin-top: 100px;
    margin-bottom: 30px;
}

.demo-mobile-area-right p {
    color: #000019;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 50px;
}

.demo-video-area {
    padding: 100px 0;
}

.demo-video {
    text-align: center;
}

iframe {
    border: none;
}

.cilo-demo-video {
    padding: 100px 0;
}

.demo-area {
    height: 65%;
}

.cilo-mobile-demo-video {
    padding-top: 130px;
}
/*===============Testimonial Area====================*/

.testimonial-banner-area {
    background-image: url(../img/testimonial-banner.png);
    width: 100%;
    height: 100%;
    min-height: 600px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    display: table;
}

.testimonial-cell {
    display: table-cell;
    vertical-align: middle;
}

.testimonial-banner-text-bg {
    background: rgba(255, 255, 255, .8);
    max-width: 790px;
    border-radius: 15px;
    margin: 0 auto;
}

.testimonial-banner-text {
    margin-top: 80px;
    padding: 40px 55px;
}

.testimonial-banner-text h2 {
    color: #000000;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px;
}

.testimonial-banner-text span {
    font-weight: 700;
}

.testimonial-banner-text a {
    display: block;
    text-align: right;
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}












/*========================*/

.testimonial-area {
    padding: 50px 0;
}

.testimonial-title h3 {
    font-size: 25px;
    font-weight: 700;
}

.slider-text-title h2 {
    display: inline-block;
}

.single-img img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

.single-testimonial {
    border-radius: 18px;
    border: 3px solid #f3c094;
    max-width: 285px;
    padding-bottom: 30px;
    margin: 25px 0;
}

.single-testimonial-title {
    padding: 0 30px;
}

.testimonial-profile {
    padding-top: 30px;
}

.single-testimonial h2 {
    color: #000000;
    font-size: 25px;
    font-weight: 700;
}

.single-testimonial p {
    color: #000000;
    font-size: 15px;
    font-style: italic;
    line-height: 25px;
}

.single-testimonial a {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    text-decoration: none;
}

.single-testimonial-get-start {
    background-color: #f3c094;
}

.single-testimonial-get-start h3 {
    color: #000000;
    font-size: 23px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 25px;
}

.single-testimonial-get-start a {
    color: #f68b5a;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 14px;
    padding: 7px 16px;
    background-color: #ffffff;
}

.single-testimonial-area {
    width: 033%;
    float: left;
    /*margin-top: 60px;*/
}

.testimonial-header-text {
    padding-bottom: 35px;
}

.testimonial-header-text h2 {
    font-size: 40px;
    font-weight: 300;
    display: inline-block;
}

.testimonial-header-text img {
    float: right;
    max-width: 127px;
}

.testimonial-area .pdt60 {
    /*margin-top: 60px;*/
}

.testimonial-title {}

.single-testimonial-title h2 {
    color: #000000;
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 20px;
    text-align: center;
}

.single-testimonial-area {
    top: 0;
}







/*==================== Terms ============================================*/

.terms-area {
    padding-top: 150px;
    padding-bottom: 100px;
}

.terms-area h2 {
    font-size: 35px;
    color: #000000;
    font-weight: 300;
    line-height: 40px;
    margin-top: 0;
}

.terms-area p {
    color: #000;
    font-size: 17px;
    font-weight: 400;
}





/*================================CONTACT AREA==================*/

.contact-area {
    overflow: hidden;
    padding: 120px 0;
    position: relative;
    min-height: 689px;
}

.contact-area-left {
    position: absolute;
    top: 100px;
    left: 0;
    width: 474px;
}

.contact-area-right {
    padding-top: 40px;
    height: auto;
    padding-left: 37%;
}

.contact-area-right h3 {
    margin-bottom: 10px;
}

.contact-area-right .form-horizontal input[type='submit'] {
    text-align: right;
    float: right;
    margin-bottom: 30px;
    margin-top: 25px;
}

.contact-us-title {
    padding-bottom: 20px;
}

.contact-us-title h2 {
    color: #000000;
    font-weight: 300;
    line-height: 40px;
    font-size: 35px;
}

.contact-us-title p {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}

.contact-form {
    overflow: hidden;
    clear: both;
}

.single-contact {
    width: 45%;
    float: left;
}

.single-mail label {
    margin-top: 15px;
    margin-bottom: 0;
}

.single-contact label {
    margin-bottom: 0;
}

.single-contact:first-child {
    float: left;
}

.single-contact:nth-child(2) {
    float: right;
}




/*
.single-contact:last-child {
    float: right;
}*/

.contact-us-title {
    position: relative;
}

.contact-us-title p {
    margin-top: 0;
}

.contact-msg-img {
    right: 0;
    top: 0;
    max-width: 57px;
    position: absolute;
}

.single-message {
    padding-top: 20px;
}

.single-message textarea {
    width: 100%;
    height: 134px;
    padding-left: 10px;
    border-radius: 13px;
    border: 2px solid #000000;
    padding-top: 10px;
}

.send-btn button {
    width: 70px;
    border-radius: 7px;
    height: 35px;
    background-color: #f68b5a;
    border: none;
    margin-top: 30px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-contact input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.message {

    font-size: 15px;
    font-weight: 700;
    color: #f68b5a;
    margin-bottom: 30px;
}











/*======max-ce Banner===========*/

.service-banner {
    background-image: url(../img/service-banner.png);
    background-position: right;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    min-height: 600px;
    padding-top: 130px;
}






/*=======================Retrieval Summaries Area=================*/

.home-retrieval-summaries-area {
    
    padding-top: 70px;
    padding-bottom: 100px;
    background-image: linear-gradient(113deg, rgba(200, 225, 223, 0.4) 0%, rgba(244, 244, 247, 0.4) 100%);
}

.home-retrieval-summaries-area .heading{
    text-align: center;
    font-weight: 700;
    font-size: 45px;
    margin-bottom: 90px;
    margin-top: 0;
    line-height: 25px; 
}
.retrieval-summaries-area {
    padding: 50px 0;
}

.retrieval-summaries-area h6 {
    color: #000000;
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
}

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

.our-services-text h2 {
    color: #000000;
    font-size: 38px;
    font-weight: 700;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 28px;
}

.our-services-text p {
    
    margin-top: 10px;
    max-width: 375px;
    font-size:15px;
    color: #000000;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin: 0 auto;
    line-height: 35px;
}

.our-services-text-inner {
    min-height: 225px;
    margin-bottom: 35px;
}





.pricing-tbl-area{
    padding-bottom: 130px;
    padding-top: 70px;
}
.mb-50{
    margin-bottom: 40px !important;
}
.pricing-tbl-text-inner h6{
    margin: 0;
color: #000000;
font-size: 30px;
font-weight: 300;
line-height: 1.3;
}


/*=================================
Pricing 
=============================*/

.pricing-table-area {
    padding-top: 50px;
}
.pricing-top-table{
    padding-top: 50px !important;
}
.pricing-top-row .inner-table h3{
    padding: 0;
}
.pt-title h2 {
    
    color: #000000;
    font-size: 45px;
    font-weight: 700;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 75px;
}
.inner-table h3 {
    color: #000000;
    font-size: 25px;
    font-weight: 700;
}

.inner-table h4 {
    font-size: 15px;
}

.inner-table-content p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.inner-table-content a {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.blanck-row {
    margin-right: -15px;
    margin-left: -15px;
}
.h50{
    height: 50px;
}
.h15{
    height: 15px;
}

.title-row {
    padding-bottom: 18px;
}

.inner-table h1,
.inner-table h2,
.inner-table h3,
.inner-table h4,
.inner-table h5,
.inner-table h6,
.inner-table span,
.inner-table p {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.inner-table p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.col {
    padding-left: 15px;
    padding-right: 15px;
}
.pricing-top-table .col1{
    width: 67%;
    /*padding-left: 200px;*/
}
.container.container-custom{
    max-width: 650px;
}
.col1 {
    float: left;
    width: 31%;
    margin: -1px;
}

.col2 {
    text-align: center;
    float: left;
    width: 23%;
    margin: -1px 0;
}
.pricing-top-table .col2{
    width: 31%;
    padding: 0;
}
.pricing-top-table .pricing-row:hover{
    background: rgba(0, 0, 0, .2);
    border-radius: 13px;
    cursor: pointer;
}
.inner-table {
    position: relative;
    display: table;
    width: 100%;
    z-index: -1;
}

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

.pt-bg-2 .inner-table {
    background-color: #f4f4f7;
    height: 100%;
}

.pt-bg-3 .inner-table {
    background-color: #c8e1df;
    height: 100%;
}

.pt-bg-3 .inner-table {
    height: 100%;
}

.pt-bg-4 .inner-table {
    background-color: #9bd2d2;
    height: 100%;
}

.inner-table {
    padding: 10px 0;
}

.first-row .col .inner-table {
    border-radius: 13px 13px 0 0;
}

.last-row .inner-table {
    border-radius: 0 0 13px 13px;
}
.pricing-table-area .row{
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.pricing-table-area .row:hover:nth-child(n+3) {
    background: rgba(0, 0, 0, .2);
    border-radius: 13px;
    cursor: pointer;
}
.pricing-table-area .inner-table h3{
    text-align: center;
}
.bdrst13{
    border-radius: 13px 13px 0 0;
}
.bdrsb13{
    border-radius: 0 0 13px 13px;

}

.blanck-row{
    overflow: hidden;
}

.top-tble-text p{
    color: #000000;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin: 0;
}
.top-tble-bottom{
    padding-bottom: 100px !important;
}

/*==========================Summaries Chronologies Area===================*/

.summaries-chronologies-area {
    background-image: url(../img/sc-banner.png);
    background-position: right;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 600px;
    padding-top: 200px;
    /*background-attachment: fixed;*/
}

.summaries-chronologies-area h1 {
    color: #000000;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 4.5px;
    line-height: 50px;
    text-transform: uppercase;
}

.summaries-chronologies-inner {
    padding: 97px 0 110px 0;
}

.chronologies-text {
    max-width: 650px;
    margin: 0 auto;
}

.logies-inner {
    margin-bottom: 45px;
}

.chronologies-text h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    line-height: 50px;
}

.chronologies-area-wrapper {
    background-image: linear-gradient(139deg, rgba(200, 225, 223, 0.4) 0%, rgba(244, 244, 247, 0.4) 100%);
    padding-top: 90px;
}

.chronologies-wrapper-img {
    text-align: center;
    position: relative;
}

.chronologies-wrapper-img img {
    border-radius: 13px;
    width: 100%;
    display: block;
    text-align: center;
}

.chronologies-wrapper-img a {
    color: #ffffff;
    display: inline-block;
    padding: 8px 10px;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #5dcfd0;
    border-radius: 13px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.chronologies-wrapper-img a:hover {
    background: #f68b5a;
}

.summaries-chronologies-text {
    padding-bottom: 100px;
    padding-left: 15px;
}

.summaries-chronologies-text h3 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    margin: 0 !important;
}

.summaries-chronologies-text p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.turnaround {
    margin-bottom: 40px;
}



.looking-area {
    padding-top: 95px;
    padding-bottom: 95px; 
}

.looking-area h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 45px;
    margin-top: 0;
}
 

.looking-btn a {
    background-color: #f68b5a;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}


.review-order-area {
    background-image: url(../img/sc-review-banner.jpg);
    background-position: right;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 600px;
    padding: 80px 0px 80px 0px;
}

.review-order-inner h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 45px;
    margin-top: 0;
}

.review-order-inner h3 { 
    line-height: 30px; 
}

.review-order-notes h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    line-height: 50px;
    margin-top: 60px; 
}
 
.review-order-notes .bullets li {
     text-align: left; 
    line-height: 30px;
    margin: 10px 0;
}

.pricing-area {
    background-image: url(../img/price-banner.png);
    background-position: right;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 600px;
    padding-top: 80px;
}

.pricing-area-inner {
    max-width: 360px;
    margin: 0 auto;
}

.pricing-area-inner h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 49px;
}

.pricing-area-inner p {
    text-align: left;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 23px;
}

.pricing-btn {
    margin-top: 10px;
}

.pricing-btn a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
}


.input-comp{
    display:none;
}

/*==================== Responsive ============================================*/

@media only screen and (max-width: 1199px) {
    .getstarted-area {
        background: none;
    }
    .getstarted-area-right {
        padding-left: 0;
    }
    .login-area-left img {
        display: none;
    }
    .login-area-right {
        padding-left: 0;
    }
    .single-login {
        /*width: 100%;*/
    }
    .single-login label {
        margin-top: 20px;
    }
    .service-banner {
        padding-top: 90px;
    }
    .service-banner h2 {
        font-size: 30px !important;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 1199px) {
    .header-area .main-menu-area ul li a {
        padding: 0 10px;
    }
    .banner-area .banner-slider .single-slider .slider-text {
        max-width: 720px;
    }
    .contact-area-left {
        display: none;
    }
    .contact-area-right {
        padding-left: 0 !important;
    }



 
.review-order-notes .bullets li {
    text-align: left; 
    line-height: 30px;
    margin-top: 10px;
    margin-left: 50px;
}
}

@media only screen and (max-width: 991px) {
    .header-area .logo-area {
        width: 140px;
        padding-top: 28px;
    }
    .posrelative img{
        left: 60px;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h1 {
        font-size: 42px;
        padding-bottom: 10px;
        line-height: 1.1;
    }
    .slider-text-2 h2 {
        font-size: 33px !important;
    }
    .slider-text-2 p {
        margin-top: 20px !important;
    }
    .header-area .main-menu-area .start a {
        margin-left: 5px;
    }
    .header-area .main-menu-area ul li a {
        padding: 0 5px;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h2 {
        margin-bottom: 30px;
    }
    .system-number {
        display: none;
    }
    .our-system-text {
        padding-bottom: 160px;
    }
    .single-system-text-left {
        max-width: 270px;
    }
    .single-system-text-left h1,
    .single-system-text-left h2 {
        text-align: center;
        font-weight: 700;
    }
    .single-system-text-right {
        max-width: 270px;
        float: right;
        margin-top: 0px;
    }
    .single-system-text-right h1,
    .single-system-text-right h2 {
        text-align: center;
        font-weight: 700;
    }
    .single-text-left-3 {
        max-width: 270px;
        margin-top: 25px;
    }
    .single-text-left-3 h1,
    .single-text-left-3 h2 {
        text-align: center;
        font-weight: 700;
    }
    .single-system-text-right-4 {
        float: right;
        max-width: 270px;
        margin-top: -40px;
    }
    .single-system-text-right-4 h1,
    .single-system-text-right-4 h2 {
        text-align: center;
        font-weight: 700;
    }
    .single-text-left-5 {
        max-width: 270px;
        margin-top: 0;
    }
    .single-text-left-5 h1,
    .single-text-left-5 h2 {
        text-align: center;
        font-weight: 700;
    }
    .single-system-text-right-6 {
        max-width: 270px;
        float: right;
        margin-top: -70px;
    }
    .single-system-text-right-6 h1,
    .single-system-text-right-6 h2 {
        text-align: center;
        font-weight: 700;
    }
    .slider-text-in {
        padding: 0 60px;
    }
    .slider-text-title-1 h2 {
        font-size: 27px;
    }
    .slider-text-title-1 img {
        max-width: 71px;
    }








    .summaries-chronologies-text {
        padding-bottom: 70px;
    }
    .summaries-chronologies-text h3 {
        font-size: 30px;
        margin-top: -5px !important;
    }

    .turnaround {
        margin-bottom: 10px;
    }
    .summaries-chronologies-text p {
        line-height: 25px;
    }



    .fees-area-right {
        padding-left: 0;
    }
    .fees-text h2 {
        font-size: 33px;
        margin-top: 30px;
    }
    .fees-text .pt40 {
        margin-top: 030px;
    }
    .retrieve-area {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .retrieve-area-left {
        margin-top: 90px;
    }
    .questions-area-right-text {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .cilo-demo-video-area {
        background-image: none !important;
    }
    .cilo-demo-text {
        max-width: 100%;
    }
    .cilo-demo-text h2 {
        font-size: 26px;
    }
    .cilo-demo-logo {
        width: 130px;
    }
    .cilo-demo-video-left {
        padding-top: 0;
    }
    .mobile-demo-video {
        padding: 10px 20px;
    }
    .cilo-mobile-demo-video {
        padding-top: 30px;
        max-width: 540px;
        margin: 0 auto;
    }

    .demo-text {
        display: table-cell;
        vertical-align: middle;
        padding-top: 50px;
    }
    .demo-text-inner h1 {
        font-size: 35px;
    }
    .demo-text-inner h2 {
        font-size: 30px;
    }
    .signedup-text-inner h1 {
        font-size: 35px;
    }
    .signedup-text-inner h2 {
        font-size: 30px;
    }
    .cilo-demo-video {
        padding-bottom: 60px 0;
    }
    .demo-mobile-area {
        height: 710px;
    }
    .demo-mobile-area-right {
        margin-left: 30px;
        margin-top: 150px;
        background-color: rgba(255, 255, 255, 0.9);
        margin-right: 30px;
        padding: 40px 25px;
        border-radius: 20px;
    }
    .demo-mobile-area-right h2 {
        margin-top: 20px;
    }
    .single-testimonial-area {
        width: 50%;
    }
    .testimonial-cell {
        padding: 0 30px;
    }
    .content-area {
        padding-bottom: 50px;
    }
    .content-area .mt50 {
        margin-top: 0 !important;
    }
    .content-area .col-md-4.col-xs-6 {
        margin-top: 20px;
    }
    .our-services-text h2 {
        font-size: 25px;
    }
    .our-services-text p {
        padding: 0 5px;
    }
}

@media only screen and (min-width: 768px) {
    .slider-text-2 {
        margin-top: 140px;
    }
}

@media only screen and (max-width: 767px) {
    .slider-text-3 {
        float: none;
        text-align: center;
    }
    .posrelative img{
        left: 80px;
    }
    .pricing-row-last .inner-table{
    border-radius:0;
}
    .top-tble-text{
        padding-bottom: 20px;
    }
    .pricing-row{
        display: block;
    }
    .pt-title h2{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .top-tble-bottom{
        padding-bottom: 50px !important;
    }
    .slider-text-2 p {
        margin-top: 15px !important;
    }
    .our-services-text-inner {
        min-height: 200px;
        margin-bottom: 25px;
    }
    .services-btn {
        margin-top: 0;
    }

    .looking-area h2 {
        margin-bottom: 17px;
        font-size: 22px;
    }
    .looking-area {
        padding-top: 0;
        padding-bottom: 85px;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h1 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h2 {
        font-size: 15px;
    }
    .content-area .content-text h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .content-area .single-content-text h3 {
        font-size: 20px;
    }
    .content-area .single-content-text p {
        font-size: 12px;
    }
    .record-area .record-text h2 {
        font-size: 25px;
        line-height: 40px;
    }
    .retrieve-area {
        padding-top: 10px;
    }
    .record-area .record-text p {
        font-size: 13px;
        line-height: 23px;
    }
    .record-area .record-text .content-btn a {
        font-size: 12px;
    }
    .request-area .request .request-text p {
        font-size: 25px;
    }
    .request-area .request .request-btn a {
        font-size: 12px;
    }
    .offer-area .offer-text h2 {
        font-size: 25px;
    }
    .offer-area .offer-text p {
        font-size: 12px;
    }
    label {
        font-size: 12px;
    }
    .submit-btn {
        font-size: 12px;
    }
    .footer-area .footer-left .footer-left-text h2 {
        font-size: 25px;
    }
    .footer-area .footer-left .footer-left-text p {
        font-size: 12px;
    }
    .footer-right .social-btn .started-btn a {
        font-size: 12px;
    }
    .footer-right .social-btn .contact-btn a {
        font-size: 12px;
    }
    .footer-right .navigate h3 {
        font-size: 15px;
    }
    .header-area {
        display: none;
    }
    .banner-area .banner-slider .single-slider .slider-text {
        padding-left: 37px;
        padding-right: 37px;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h2 {
        line-height: 32px;
    }
    .banner-area .slider-arrow .arrow-left {
        left: 20px;
        font-size: 30px;
    }
    .banner-area .slider-arrow .arrow-right {
        right: 20px;
        font-size: 30px;
    }
    .content-area {
        padding-top: 50px;
    }
    .border-bottom {
        margin-bottom: 50px;
    }
    .content-right.mt50 {
        margin-top: 0;
    }
    .content-left {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .record-area {
        position: relative;
        margin-left: 22px;
        padding-bottom: 50px;
    }



    .summaries-chronologies-text {
        padding: 31px 0 43px 5px;
    }
    .summaries-chronologies-text h3 {
        margin-bottom: 25px !important;
    }
    .turnaround {
        margin-bottom: 20px;
    }


    .record-area h2 {
        padding-right: 100px;
        margin-top: 0;
    }
    .content-img.vs-mobile {
        position: absolute;
        top: 10px;
        right: 32px;
    }
    .content-img.vs-mobile img {
        width: 90px;
    }
    .request-area .request .request-text p {
        max-width: 270px;
        line-height: 40px;
        padding-right: 25px;
    }
    .request-area {
        height: 450px;
    }
    .request-area .request {
        display: block;
        max-width: 301px;
        float: none;
        margin-top: 31px;
        margin-right: auto;
        margin-left: auto;
    }
    .request-area .request .request-btn {
        padding-bottom: 50px;
    }
    .request-area .request .request-btn a {
        margin-top: 25px;
    }
    .offer-area .offer-text h2,
    .offer-area .offer-text p {
        padding-right: 100px;
        float: left;
    }
    .offer-area .offer-text img {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        width: 66px;
        float: right;
    }
    .form-group {
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .footer-right {
        margin-top: 50px;
        text-align: center;
    }
    .footer-right .navigate h3 {
        font-size: 15px;
        line-height: 50px;
        border-top: 1px solid #ddd;
        font-weight: 400;
    }
    .footer-right .footer-menu-left ul {
        float: none;
        padding-bottom: 30px;
    }
    .footer-right .footer-menu-left ul li {
        margin-right: 0;
    }
    .footer-menu-left {
        border-top: 1px solid #ddd;
        display: none;
        margin-top: -13px;
    }
    .footer-bootom-link,
    .footer-link {
        display: none;
    }
    .footer-area .footer-bottom-left {
        margin-top: 0;
        text-align: center;
    }
    .footer-area .footer-bottom-left p {
        margin-top: -13px;
        color: #fff;
        font-size: 15px;
        line-height: 50px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .bottom-left li {
        font-size: 15px;
    }
    .bottom-left li a {
        font-size: 15px;
    }
    .footer-link li {
        font-size: 15px;
    }
    .footer-area .footer-bottom-left .bottom-left ul li {
        display: inline-block;
        margin-right: 0;
        color: #fff;
        font-size: 15px;
        margin: 5px 10px;
    }
    .footer-area .footer-bottom-left .bottom-left ul li a {
        font-size: 15px;
    }
    .footer-bottom-right-text {
        text-align: center;
    }
    .footer-bottom-right-text ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .footer-bottom-right-text ul li {
        margin: 10px 0;
    }
    .footer-right .footer-menu-left ul {
        display: block;
        padding-top: 20px;
    }
    .footer-area .footer-left .footer-left-text h2 {
        width: 100%;
    }
    .footer-area .footer-bottom-right {
        margin-top: 0;
    }
    .footer-area .footer-bottom-right ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .cookcodesmenu_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0px 1px 6px #000;
        display: block;
    }
    .cookcodesmenu_nav a {
        color: #000;
    }
    .cookcodesmenu_btn {
        float: left;
        padding: 11px 0 11px 20px;
        line-height: 0;
        cursor: pointer;
        margin-top: -25px;
    }
    .cookcodesmenu_brand {
        float: none;
        color: #fff;
        font-size: 18px;
        line-height: 86px;
        padding: 0;
        height: 48px;
        width: 146px;
        margin-left: auto;
        margin-right: auto;
    }
    .cookcodesmenu_menu .cookcodesmenu_icon-bar {
        display: block;
        width: 33px;
        height: 6px;
        margin-bottom: 8px;
        border-radius: 0;
        box-shadow: none;
        background-color: #F68B5A !important;
    }
    .mobile-account-menu {
        position: fixed;
        z-index: 9999;
        right: 20px;
        top: 28px;
        text-align: right;
    }
    .mobile-account-menu ul li {
        list-style: none;
        margin-bottom: 3px;
    }
    .mobile-account-menu ul li a {
        color: #F68B5A;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }
    .our-system-text h1 {
        font-size: 25px;
    }
    .our-system-text h2 {
        font-size: 18px;
        line-height: 1.6;
    }
    .our-system-text {
        padding-top: 130px;
        padding-bottom: 42px;
    }
    .our-system-area {
        background-position: center -195px;
    }
    .cmn-stm h1,
    .cmn-stm h2 {
        font-size: 20px;
    }
    .single-system-text-right {
        margin-top: 105px;
    }
    .single-system-text-right-6 {
        margin-top: 0;
    }
    .single-system-text-right-4 {
        margin-top: 0;
    }
    .system-text-middle h2 {
        text-align: center;
    }
    .system-text-middle h2 {
        margin-top: 70px;
    }
    .our-system-area {
        min-height: auto;
        padding-bottom: 25px;
    }


    .retrieve-area-list {
        padding-top: 20px;
    }
    .retrieve-area-list ul {
        padding: 0 90px;
    }
    .retrieve-area-list ul a {
        color: #000 !important;
    }
    .retrieve-text-bottom {
        padding-top: 20px;
    }
    .retrieve-text-bottom h3 {
        margin-bottom: 22px;
        font-size: 20px;
    }


    .integration-area {
        background-image: none;
        min-height: auto;
        padding-bottom: 0;
    }
    .slider-text-in img {
        display: none;
    }
    .banner-area.system-banner {
        display: none;
    }
    .securety-area {
        display: none;
    }
    .system-text-middle {
        max-width: 300px;
        text-align: center;
        margin: 0 auto;
        padding-top: 70px;
    }
    .testimonial-banner-text h2 {
        font-size: 22px;
    }
    .testimonial-banner-text span {
        font-weight: 700;
    }
    .testimonial-cell {
        padding: 0 25px;
    }
    .testimonial-banner-text-bg {
        max-width: 600px;
    }
    .testimonial-banner-text {
        margin-top: 80px;
        padding: 25px 44px;
    }
    .contact-area {
        padding-bottom: 65px;
    }
    .retrieval-summaries-area {
        padding-bottom: 0;
    }
    .our-services-text {
        padding-bottom: 60px;
    }
    .service-banner h2 {
        font-size: 25px !important;
        margin-top: 5px;
        line-height: 33px;
    }
    .our-services-text p {
        max-width: 100%;
        padding: 0 50px;
    }
    .inner-table h3{
        font-size: 18px;
    }
    .title-row{
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-top-table .col1{
        width: 100% !important;
        padding-left: 0;
    }
    .mb-45{
        margin-bottom: 45px;
    }
    .pricing-table-area
    .top-tble-text{
        padding: 30px 0;
    }
    .pricing-table-area{
        padding: 0 ;
    }
    .pricing-tbl-text-inner{
        padding-bottom: 20px;
    }
    .pricing-tbl-text-inner h6{
        font-size: 25px;
    }
    .pricing-tbl-area{
        padding: 70px 0;
    }
    .col1{
        width: 100%;
        background: rgba(246,139,90,.3);
    }
    .title-row .col{
        position: relative;
    }
    .title-row .inner-table{
        
    }
    .inner-table p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}
    .pt-title h2{
        font-size: 22px;
    }
     .pricing-top-table .col2{
        width: 100% !important;
    }
    .col2{
        width: 33.33%;
        padding-left: 0;
        padding-right: 0;
    }
    .pricing-table-area{
        text-align: center;
    }
    .blanck-row{
        height: 0 !important;
    }
    .inner-table h3{
        font-size: 15px;
        font-weight: 400;
    }
    .pricing-table-area .row:hover:nth-child(n+3) {
        background: rgba(0, 0, 0, 0);
    }
    .footer-area .footer-bottom-left .footer-link ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
        position: unset;
    }
    .summaries-chronologies-inner {
        padding: 70px 0 80px 0;
    }
    .chronologies-text h2 {
        font-size: 27px;
        line-height: 45px;
    }
    .logies-inner {
        margin-bottom: 35px;
    }

    .slider-text,
    .single-slider,
    .banner-area {
        height: auto;
        min-height: 450px;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h2 {
        margin-bottom: 10px;
        margin-top: 0;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h1 {
        padding-bottom: 0;
    }
    .slider-text-2 .cmn-clr {
        margin-top: 0;
    }
    .slider-text-2 {
        padding: 20px;
    }
    .bottom-left {
        margin-top: 10px;
    }
    .clr-text h2 {
        margin-top: 0;
    }
    .prising-banner {
        height: 480px !important;
    }
    .banner-area {
        min-height: 0;
    }
    .fees-img {
        width: 120px;
        padding-left: 25px;
    }
    .fees-area {
        padding: 40px 0;
    }
    .fees-area-right {
        padding-left: 25px;
    }
    .fees-area-right h2 {
        font-size: 12px;
    }
    .fees-area-right .pt40 {
        margin-top: 0;
    }
    .fee-btn {
        margin-top: 0px;
    }
    .fee-btn a {
        font-size: 12px;
        font-weight: 700;
    }

    .retrieve-area-left {
        margin-top: 0;
    }
    .retrieve-area-left img {
        width: 130px;
        padding-left: 20px;
    }
    .retrieve-area-text {
        padding-left: 20px;
    }
    .retrieve-area-text h2 {
        font-size: 25px;
        margin-bottom: 25px;
        color: #000 !important;
    }
    .retrieve-area-text li {
        font-size: 12px;
    }
    .retrieve-area-list {
        padding-left: 20px;
    }
    .retrieve-area-list ul {
        column-count: 2;
    }
    .retrieve-area-list ul li a {
        font-size: 12px;
        line-height: 25px;
    }
    .billing-text-area {
        margin-top: 40px;
    }
    .billing-text h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .billing-text p {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    .questions-area-text h2 {
        font-size: 25px;
    }
    .questions-area-right-text h2 {
        font-size: 25px;
    }
    .questions-area-right-text a {
        font-size: 12px;
    }
    .offer-area .offer-text h2,
    .offer-area .offer-text p {}
    .offer-area .offer-text img {
        /*max-width: 45px;*/
        float: left;
    }
    .questions-area-text h4 {
        border-top: 1px solid #0E3249;
    }
    .questions-area-left {
        border-bottom: 1px solid #0E3249;
    }
    .questions-area-left h4 {
        text-align: center;
        padding: 20px 0;
        margin: 0;
    }
    .questions-area-left p {
        display: none;
    }
    .questions-area-right-img {
        display: none;
    }
    .questions-area-right-text {
        padding-top: 0;
    }
    .integration-area-right {
        text-align: left;
        padding-top: 0;
    }
    .integration-area-text p {
        max-width: 100%;
        float: left;
        text-align: left;
        margin-bottom: 50px;
        font-size: 15px;
        font-weight: 400;
    }
    .questions-area-text h2 {
        font-size: 22px;
        padding-right: 100px;
        line-height: 1.4;
        margin-bottom: 50px;
    }
    .questions-area-text img {
        float: right;
        margin-top: -120px;
    }
    .integration-area-text h2 {
        font-size: 25px;
        font-weight: 300;
        margin-bottom: 30px;
        margin-top: 0;
    }
    .integration-area-icon {
        margin-bottom: 30px;
    }
    .integration-area-icon img {
        width: 115px;
    }
    .mobile-net img {
        width: 100%;
    }
    .large-team-text h3 {
        font-size: 25px;
        line-height: 1.5;
    }
    .orange-xs a {
        font-size: 16px;
        margin-top: 10px;
        background-color: #f68b5a;
    }
    .single-system-text-right,
    .single-system-text-right-6,
    .single-system-text-right-4,
    .single-system-text-left-5,
    .single-text-left-5,
    .single-text-left-3 {
        max-width: 220px;
    }
    .cmn-stm p {
        font-size: 12px;
    }
    .single-text-left-3 {
        margin-top: 75px;
    }
    .single-system-text-right-4 {
        margin-top: 32px;
    }
    .single-text-left-5 {
        max-width: 270px;
        margin-top: 50px;
    }
    .single-system-text-right-6 {
        margin-top: 47px;
    }
    .record-grabber-text h2 {
        color: #000000;
        font-size: 25px;
        font-weight: 300;
        max-width: 260px;
        line-height: 1.7;
    }
    .record-grabber-text {
        padding: 40px 0;
    }
    .record-grabber-text p {
        color: #000000;
        font-size: 12px;
        line-height: 1.8;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .record-grabber-text a {
        color: #000000;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 25px;
        text-decoration: none;
    }
    .record-grabber-btn {
        margin-top: 30px;
    }
    .record-grabber-btn a {
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .cilo-demo-text h2 {
        font-size: 18px;
    }
    .cilo-demo-logo {
        width: 100px;
        margin-bottom: 25px;
    }
    .cilo-demo-video {
        padding: 50px 16px;
    }
    .cilo-demo-video-area {
        height: 450px;
    }
    .demo-text-inner h1 {
        font-size: 30px;
    }
    .demo-text-inner h2 {
        font-size: 18px;
    }
    .signedup-text-inner h1 {
        font-size: 30px;
    }
    .signedup-text-inner h2 {
        font-size: 18px;
    }
    .demo-text {
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 70px;
    }
    .demo-mobile-area-right {
        max-width: 500px;
        padding-left: 30px;
    }
    .demo-mobile-area-right h2 {
        font-size: 25px;
    }
    .demo-mobile-area-right p {
        font-size: 13px;
        line-height: 23px;
    }
    .demo-mobile-area-right .content-btn a {
        background: #f68b5a;
    }
    .demo-mobile-area-right p {
        margin-bottom: 30px;
    }
    .demo-mobile-area-right h2 {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .demo-mobile-area {
        background-position: -110px 0;
        height: 570px;
    }
    .demo-mobile-area-right {
        margin-top: 135px;
    }
    .cilo-demo-video-left {
        margin-left: 25px;
    }
    .single-testimonial-title h2,
    .testimonial-header-text h2 {
        font-size: 25px;
    }
    .single-testimonial-title {
        padding: 0 20px;
    }
    .single-testimonial-title p,
    .single-testimonial-title a {
        font-size: 13px;
    }
    .testimonial-title h3 {
        font-size: 20px;
    }
    .testimonial-area {
        padding: 50px 0;
    }
    .testimonial-header-text {
        position: relative;
        padding-right: 40px;
    }
    .testimonial-header-text img {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 65px;
    }
    .contact-area-right {
        padding-left: 0 !important;
    }

    .single-contact {
        width: 100%;
    }
    .summaries-chronologies-area h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 650px) {
    .single-testimonial {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
    }
    .single-testimonial-area {
        width: 100%;
    }
    .retrieve-area-list ul {
        padding: 0 40px;
    }
    .posrelative img{
        left: 50px;
    }
}



@media only screen and (max-width: 500px) {
      .slider-1{
        padding-top: 225px;
    }   
     .slider-text-2 {
        margin-top: 100px !important;
    }
     .slider-text-3 {
        margin-top: 200px !important;
    }

    .pricing-area {
        background-position: -250px center;
    }
    .demo-mobile-area {
        height: auto;
        padding-bottom: 50px;
    }
    .testimonial-banner-text h2 {
        font-size: 15px;
        line-height: 1.7;
    }
    .testimonial-banner-text {
        margin-top: 80px;
        padding: 18px 35px;
    }
    .service-banner h2 {
        font-size: 15px !important;
        line-height: 23px !important;
    }
    .our-services-text p {
        font-size: 13px;
        padding: 0 20px;
        line-height: 22px;
    }
    .our-services-text .content-btn a {
        font-size: 13px;
    }

    .our-services-text h2 {
        margin-top: 28px;
        margin-bottom: 22px;
        font-size: 21px;
    }
    .retrieve-area-list ul {
        padding: 0 30px;
    }
    .retrieve-text h3 {
        font-size: 17px;
        margin-top: 5px;
    }
    .summaries-chronologies-area h1 {
        font-size: 25px;
        line-height: 40px;
    }
    .summaries-chronologies-inner {
        padding: 60px 0 70px 0;
    }
    .chronologies-text h2 {
        font-size: 23px;
        line-height: 40px;
    }
    .logies-inner {
        margin-bottom: 30px;
    }
    .summaries-chronologies-text h3 {
        font-size: 26px;
    }
    .summaries-chronologies-text p {
        font-size: 14px;
    }
    .looking-area h2 {
        margin-bottom: 7px;
        font-size: 17px;
    }
    .looking-area {
        padding-top: 0;
        padding-bottom: 85px;
    }
    .questions-area {
        padding-top: 40px !important;
        padding-bottom: 70px !important;
    }
    .pricing-tbl-text-inner h6{
        font-size: 20px;
    }
}

@media only screen and (max-width: 410px) {
    .our-services-text p {
        padding: 0 13px;
    }
}

@media only screen and (max-width: 449px) {
    .single-login {
        width: 100%;
    }
    .forgot-register {
        margin-bottom: 15px;
        margin-top: 0;
    }
    .single-login .submit-btn {
        margin-bottom: 20px !important;
    }
    .retrieve-area-list ul {
        padding: 0 30px;
    }
    .summaries-chronologies-inner {
        padding: 50px 0 70px 0;
    }
    .chronologies-text h2 {
        font-size: 16px;
        line-height: 30px;
    }
    .logies-inner {
        margin-bottom: 30px;
    }
    .posrelative img{
        left: 30px;
    }
}

@media only screen and (max-width: 390px) {
    .offer-area .offer-text h2 {
        padding-right: 30px;
        display: inline-block;
    }
    .offer-area .offer-text img {
        float: right !important;
        max-width: 60px;
        margin-top: 15px;
    }
    .banner-area .banner-slider .single-slider .slider-text .slider-text-inner h1 {
        font-size: 21px;
    }
    .retrieve-area-list ul {
        padding: 0 0px;
    }
}
/*Autocomplete*/
.autocomplete-suggestion{
    background: #fff;
    padding: 5px;
}
.single-option input{
    padding-left: 5px;
}
.clients-btn.right-0{
    right: 20px;
    left: unset;
}
.single-option.status-input select,
.single-option.status-input{
    width: 140px;
}
#client_select select,
#client_select{
    width: 140px;
}
#case_number,
#client_id{
    height: 27px;
    width: 100%;
    margin-right: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;

}
.single-option.status-input{
    margin-right: 5px;
}
.single-option.width-auto{
    width: auto;
    margin-right: 5px;
}
.clients-btn.right-0{
    bottom: 14px;
}
@media only screen and (max-width: 1199px){
    .clients-btn.right-0 {
        right: 20px;
        left: unset;
        position: unset;
        right: unset;
        display: block;
        width: 100%;
        overflow: hidden;
        text-align: right;
    }
    .single-option.status-input{
        width: 33%;
    }
    .single-option.width-auto,
    #client_select{
        width: 32%;
    }
    #client_select select,
    .single-option.status-input select{
        width: 100%;
    }
    #case_number, #client_id{
        width: 100%;
    }
}
@media only screen and (max-width: 767px){
    .single-option.width-auto,
    #client_select{
        width: 49%;
    }
    #client_select select,
    .single-option.status-input select{
        width: 100%;
    }
    #case_number, #client_id{
        width: 100%;
    }
    .single-option.status-input {
        width: 49%;
    }
    .clients-btn.right-0{
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
}
@media only screen and (max-width: 575px){
    .single-option.width-auto,
    #client_select{
        width: 100%;
    }
    #client_select select,
    .single-option.status-input select{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #case_number, #client_id{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .single-option.status-input {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .clients-btn.right-0{
        position: unset;
        bottom: unset;
        right: unset;
    }
    .clients-btn.right-0 a{
        margin-left: 15px;
    }
}
.ui-helper-hidden-accessible{
    display: none;
}
.ui-autocomplete{
    background: #fff;
}
.ui-autocomplete li{
    padding: 5px;
}
.ui-autocomplete li a,
.ui-autocomplete li{
    list-style: none;
    line-height: 1.3;
    color: #000;
    font-size: 15px;
}
.ui-widget-content{
    border: 0 !important;
}

#showstain {
    display: none;
}