/* =Style for Landing page
-------------------------------------------------------------- */
a {transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;outline: none!important;
}

.main{width: 1220px; margin: 0 auto;}


.header-landing{width: 100%; padding: 15px 0;position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.site-logo{width: 50%; text-align: left; display: inline-block; vertical-align: middle; margin-right: -4px;margin-top: 5px;}

.contact-link{width: 50%; text-align: right; display: inline-block; margin:0 -4px 0 0;}
.contact-link li{list-style: none; display: inline-block; margin-left: 15px;}
.contact-link li a{font-size: 12px; font-family: "Montserrat","Arial","Helvetica Neue","Helvetica",sans-serif; font-weight: 700; color: #333; text-transform: uppercase;}
.contact-link li a:hover{color: #ff5654;}

.stiky-logo{display: none;width: 192px;}
.hedd-logo{width: 192px; display: inline-block;}

.sticky-header{background:#134776; }
.sticky-header ul li a{color: #fff;}
.sticky-header .hedd-logo{display: none;}
.sticky-header .stiky-logo{display:block;}

.landing-banner{width: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; padding-top: 128px; text-align: center;}
.numerica-dtl{width:610px; margin: 0 auto; text-align: center;}
.numerica-dtl img{width: 90px !important; height: 90px; border-radius: 50%; overflow: hidden; margin: 0 auto;display: inline-block;}

.numerica-dtl p{font-size: 14px; font-weight:3000; color:#4d4d4d; text-transform: inherit; padding: 19px 0; line-height: 1.2; margin: 0;font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.numerica-dtl p.numerica{font-size: 24px;border-bottom: 1px solid #4d4d4d; padding: 6px 0 18px;line-height: 1.3;}
.landing-banner figure{width: 84%; margin: -6px auto;box-shadow: 0px 0px 30px rgba(0,0,0,0.5);}
.landing-banner figure img{width: 100%; display: inline-block;}

.btn-cmn{width: 160px; text-align: center; padding: 7px; font-size: 14px; font-weight: 700; color: #fff; background: #ff5654;font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif; line-height: 1; border:2px solid transparent; border-radius:20px;display: inline-block;margin-bottom: 24px; }
.btn-cmn:hover{background: #fff; border-color:#ff5654; color: #ff5654;}

.next-sec{ background:transparent; text-align: center;height: 62px; width: 62px; display: inline-block; padding: 8px;border-radius: 50%; margin-bottom: 15px;}
.next-sec a{display: inline-block;width:100%; height:100%; border-radius: 50%; border: 2px solid #ff5654;font-size: 30px;}
.next-sec a:hover{background: #000;}

.future-reports{width: 100%; text-align: left; padding: 128px 0 75px; position: relative;}
.future-reports .next-sec{position: absolute; top:-30px; left: 0; right: 0; margin: 0 auto; }
.common-sec{width: 100%;display: inline-block;}
.figure-dtl{float: left; width: 50%; text-align: left;padding:0 11% 0 0;}
.figure-dtl h2{text-transform: inherit; font-weight: 300; color: #192138; font-size: 38px;font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif; line-height: 1.4;margin-bottom: 23px;letter-spacing: 1px;}
.figure-dtl h2:after{display: none;}
.figure-dtl ul{width: 100%;margin: 0 0 20px; padding: 0; }
.figure-dtl ul li{width: 100%; display: inline-block; list-style: none; text-transform: inherit; font-weight: 400; color: #192138; font-size: 14px;font-family: "Montserrat","Arial","Helvetica Neue","Helvetica",sans-serif; line-height: 1; margin-bottom: 14px;}
.future-reports .btn-cmn {width: 145px;}

.figure{width: 50%; float: right;}
.figure figure{width: 100%; display: block;box-shadow: 0px 0px 30px rgba(0,0,0,0.5); margin:12px 0 0 0;}
.figure figure img{width: 100%; display: block;}

.your-data{padding: 140px 0 128px; }
.your-data .figure-dtl{float: right; text-align: right;padding:0 0 0 15%;}
.your-data .figure-dtl h2{color: #fff;}
/*.your-data .figure-dtl ul:first-child{border-bottom: 1px solid #fff;}*/
.your-data .figure-dtl ul li{color: #fff;}
.your-data .figure{float: left;}
.your-data .btn-cmn{background: none; border-color:#fff;}
.your-data .btn-cmn:hover{background: #fff; color:#ff5654; }
.your-data .next-sec a{color: #fff; border-color: #fff;}
.your-data hr {box-sizing: content-box;height: 3px;box-shadow: none;border:1px solid #fff;border-top: none;border-right: none;border-left: none;margin: 0 0 23px;padding-top: 5px;}

.acconting-reports .figure-dtl{float: right; text-align: right;padding:0 0 0 15%;}
.acconting-reports .figure-dtl h2{color: #fff;}
.acconting-reports .figure-dtl ul li{color: #fff;}
.acconting-reports .figure{float: left;}
.acconting-reports .btn-cmn{background: none; border-color:#fff;}
.acconting-reports .btn-cmn:hover{background: #fff; color:#ff5654; }
.acconting-reports .next-sec a{color: #fff; border-color: #fff;}

.online-reports .btn-cmn{background: none; border-color:#ff5654; color: #ff5654;}
.online-reports .btn-cmn:hover{color: #fff; background: #ff5654;}

.browser{width: 100%; padding: 114px 0 62px; text-align: center; position: relative;}
.browser .next-sec{position: absolute; top:-30px; left: 0; right: 0; margin: 0 auto;}
.bowser-dtl{width: 90%; margin: 0 auto;}
.bowser-dtl ul{display: inline-block; margin: 0; text-align: center;padding: 0;}
.bowser-dtl ul li{list-style: none; display: inline-block; margin: 0 18px; text-align: center;}
.bowser-dtl ul li a{font-size: 50px; color: #999999; display: inline-block;}
.bowser-dtl ul li a:hover{color: #ff5654;}
.bowser-dtl .btn-cmn{width: auto; font-size: 22px; padding: 10px 20px;}
.bowser-dtl h2{text-transform: inherit; font-weight: 300; color: #192138; font-size: 38px;font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif; line-height: 1.4;margin-bottom: 47px;}
.bowser-dtl h2:after{display: none;}

.landing-footer{width: 100%; display: inline-block; background: #e0e0e0; padding: 20px 0;margin-bottom: -6px;}
.landing-footer ul{margin: 0; float: right; width: 50%; text-align: right; padding-left: 10px;}
.landing-footer ul li{list-style: none; display: inline-block;  margin-right: -4px;}
.landing-footer ul li:last-child a{padding-right: 0; border-right: 0;}
.landing-footer ul li a{font-size: 11px; color: #333;font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform: inherit;font-weight: 400; line-height: 1; display: inline-block;padding:0 5px; border-right: 1px solid #717171;}
.landing-footer ul li a:hover{color: #ff5654;}
.copyright{width: 50%; float: left; text-align:left;padding-top: 7px;}
.copyright p{font-size: 11px; color: #333;font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform: inherit;font-weight: 400; margin: 0;}


@media (max-width:1280px){    
    .main{width: 100%; padding:0 20px;}
    .figure-dtl{padding: 0 4% 0 0;}
    .your-data .figure-dtl{padding: 0 0 0 4%;}
    .acconting-reports .figure-dtl{padding: 0 0 0 4%;}
    
}

@media (max-width:1024px){
    
}

@media (max-width:991px){
    .figure-dtl h2{font-size: 30px;margin-bottom: 10px;}
    .bowser-dtl h2{font-size: 30px;margin-bottom: 20px;}
    .future-reports{padding: 90px 0 50px;}
    .browser{padding: 60px 0;}
    .figure-dtl ul li{margin-bottom: 10px;}
    .your-data hr{ padding: 0;}
}

@media (max-width:767px){
    .figure-dtl{width: 100%; float: none; padding: 0;}
    .figure{width: 100%; float: none;}
    .your-data .figure-dtl{text-align: left; padding: 0;}
    .acconting-reports .figure-dtl{text-align: left; padding: 0;}
    .numerica-dtl{width: 100%;}
    .numerica-dtl p.numerica {font-size: 17px;}
    .future-reports {padding: 40px 0 50px;}
    .bowser-dtl .btn-cmn{font-size: 20px;}
    .landing-footer ul{width: 100%; text-align: center;background: none;}
    .copyright{width: 100%; text-align: center;}
    .browser {padding: 40px 0 25px;}
    .landing-banner figure{width: 100%;}
    .landing-banner{padding-top: 110px;}
    .header-landing{padding: 8px 0;}
    .bowser-dtl ul li{margin: 0 10px;}
    
}

@media (max-width:480px){
    .hedd-logo {width: 150px;}    
    .sticky-header .stiky-logo {width: 150px;}   
    .figure-dtl h2 {font-size: 23px;}
    .bowser-dtl h2 {font-size: 23px;}
    .bowser-dtl .btn-cmn {font-size: 15px;}
    .bowser-dtl ul li a {font-size: 40px;}
    .landing-banner{padding-top: 95px;}
    .bowser-dtl{width: 100%;}
    
}
@media (max-width:360px){
    body{min-width: 100%;}
}