/*****************COMMON STYLE**********************************/ body{ font-family: 'Segoe UI regular', arial;} ul{ margin:0;padding:0;} .container{max-width:1046px !important; width:auto !important;} .container_2{max-width:1390px !important; width:auto !important;} .hoveranimate{-webkit-transition: background 0.8s ease; -moz-transition: background 0.8s ease; -ms-transition: background 0.8s ease;-o-transition: background 0.8s ease;transition: background 0.8s ease;} .allanimated{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .equalspace{margin:0 auto !important;float:none !important;} img{max-width:100%; vertical-align:top;} a:focus,input:focus{outline:none;} input, buttom{ border-radius:none;} a{ text-decoration:none !important;} /********************* 45 *******************************/ #landing-centralpoint{ overflow:hidden; position:relative;} #landing-centralpoint .landing-container-central{ max-width:1132px; margin:0 auto; padding:30px 15px 50px;} #landing-header-main{ background:#102d58; border-top-right-radius:8px; border-top-left-radius:8px;} #logo{padding:36px 0 47px;} #logo img{} #landing-header-main .sticky-info-cp{ position:absolute; top:-30px; right:26%;} #landing-header-main .sticky-info-cp img{} /****************** LANDING-BANNER *********************/ #landing-banner{ background:url(../images/landing-banner-bg.jpg) no-repeat center top; background-size:cover;} #landing-banner .landing-text-banner-cp{ padding:39px 0 42px; } #landing-banner .banner-text{} #landing-banner .banner-text h1{ margin:0 0 17px; color:#f79422; font-size:50px; line-height:50px;} #landing-banner .banner-text h1 span{ display:block;} #landing-banner .banner-text h6 { margin:0; color:#000000; font-size:30px; line-height:34px; font-family: 'Segoe UI Semilight', arial;} #landing-banner .banner-text h6 span{ display:block;} #landing-banner .banner-img-landing{ } #landing-banner .banner-img-landing img{} /****************** MAIN-BODY **************************/ #landing-body-cp{ background:#102d58; padding:43px 0; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} #landing-body-cp .landing-body-content{} #landing-body-cp .sidebar-landing-cp{} #landing-body-cp .sidebar-wrap{} #landing-body-cp .sidebar-form{ border-radius:8px; position:relative; background:#ffffff; z-index:1; padding:39px 27px 35px; border:2px solid #f79422;} #landing-body-cp .sidebar-form .form-title{ position:absolute; left:-9px; top:-9px; z-index:-1;} #landing-body-cp .form-heading-text{ color:#000000; font-size:20px; line-height:24px;} #landing-body-cp .form-heading-text h4{ color:#000000; font-size:30px; line-height:32px; margin:0 0 21px;} #landing-body-cp .form-heading-text h4 span{ display:block;} #landing-body-cp .form-heading-text p{ margin:0 0 18px;} #landing-body-cp .form-heading-text p span{ display:block;} #landing-body-cp .sidebar-form form button{font-family: 'Segoe UI Bold', arial; display:block; padding:11px 10px 20px; border-radius:6px; width:100%; border:1px solid #f26d7d; box-shadow:0 3px 0 #995200; color:#ffffff; font-size:34px; line-height:40px; background: #f59520; /* Old browsers */ background: -moz-linear-gradient(top, #f59520 0%, #e76e00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f59520 0%,#e76e00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f59520 0%,#e76e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59520', endColorstr='#e76e00',GradientType=0 ); /* IE6-9 */} #landing-body-cp .sidebar-btm-text{ color:#999999; font-size:13px; line-height:17px;font-family: 'SegoeUI-Light', arial;} #landing-body-cp .sidebar-btm-text p{ margin:21px 0 0;} #landing-body-cp .sidebar-btm-text p span{ display:block;} #landing-body-cp .landing-body-text{ color:#ffffff; font-size:20px; line-height:24px;} #landing-body-cp .body-text-width-modi{ } #landing-body-cp .landing-body-text p{ margin:0 0 25px;} #landing-body-cp .landing-body-text p span.bold-text{font-family: 'Segoe UI Bold', arial;} #landing-body-cp .list-body-ol-type{ margin-left:37px; margin-bottom:44px; counter-reset:section; padding:0;} #landing-body-cp .list-body-ol-type li{ position:relative; list-style:none; padding-left:36px; margin:0 0 26px;} #landing-body-cp .list-body-ol-type li:before { counter-increment: section; content: counter(section, decimal)"."; position:absolute; left:0; top:0; } #landing-body-cp .body-list-ul-type{ margin-left:47px; margin-bottom:28px;} #landing-body-cp .body-list-ul-type li{ position:relative; padding-left:38px; list-style:none;} #landing-body-cp .body-list-ul-type li:before{content:"\2022"; position:absolute; left:0; top:0;} #landing-body-cp .landing-body-text p span.color-blue{ color:#6ac2ff;} /******************** success ******************/ #succes_page{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; background-color:rgba(22,22,22,0.9);} #success-header-main{ background:#102d58; border-top-right-radius:8px; border-top-left-radius:8px;} #logo{padding:36px 0 47px;} #logo img{} /****************** LANDING-BANNER *********************/ #success-banner{ background:url(../images/success_banner_bg.jpg) no-repeat center top; background-size:cover ; position:relative;} #success-banner .landing-text-banner-cp{ padding: 35px 0 39px; } #success-banner .banner-text{} #success-banner .banner-text h1, #success-banner .banner-text h2 { margin:0 0 17px; color:#f79422; font-size:60px; line-height:50px;font-family: 'Segoe UI Bold', arial;} #success-banner .banner-text h1 span, #success-banner .banner-text h2 span { display:block;} #success-banner .banner-text h6 { margin:0; color:#000000; font-size:38px; line-height:44px; font-family: 'Segoe UI Semilight', arial;} #success-banner .banner-text h6 span{ display:block;} #success-banner .banner-img-landing{ } #success-banner .banner-img-landing img{} #success-banner .success_bg{ position:absolute; right:0; top:0;} #success-banner .success_bg img {} .bottom_content a { color: inherit; } /*******************success_content*****************/ #success_content { background:#102d58; padding: 22px 0 27px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} #success_content .bottom_content{ font-size:26px; line-height:40px; color: #ffffff;font-family: 'SegoeUI-Light', arial;} #success_content .bottom_content p{ margin:0px;} #success_content .bottom_content p span {font-family: 'Segoe UI Semibold',arial;} @media (min-width: 768px) { #landing-body-cp .sidebar-landing-cp{float:right; width:47%; margin-bottom:126px; padding-left:30px;} #landing-body-cp .sidebar-wrap{ max-width:438px; float:right; width:100%;} #landing-body-cp .body-text-width-modi{ max-width:520px;} #landing-banner .landing-text-banner-cp{width:70%;} #landing-banner .banner-img-landing{ position:absolute; right:33px; bottom:0;} #success-banner .landing-text-banner-cp{width:70%;} #success-banner .banner-img-landing{ position:absolute; right:33px; bottom:-89px;} } @media (min-width: 768px) and (max-width: 1439px){ } @media (min-width: 768px) and (max-width: 1300px) { } @media (min-width: 768px) and (max-width: 1100px){ #success_content .bottom_content{ font-size:23px;} #success-banner .banner-img-landing{ right:0;} } @media (min-width: 768px) and (max-width: 960px){ #landing-banner .banner-img-landing{width:30%; text-align:right;} #landing-banner .landing-text-banner-cp{width:64%;} #landing-body-cp .sidebar-landing-cp{padding-left:20px;} #landing-body-cp .form-heading-text h4{font-size:18px; line-height:27px;} #landing-body-cp .form-heading-text{font-size:14px; line-height:24px;} #landing-body-cp .sidebar-form{ padding: 39px 18px 35px;} #landing-body-cp .sidebar-btm-text{font-size:11px;} #success_content .bottom_content{ font-size:20px;} .success_body .banner-img-landing{width:35%; text-align:right;} #success-banner .banner-text h6{font-size:20px; line-height:30px;} #success_content .bottom_content{ font-size:15px;} } @media (max-width: 960px){ #landing-header-main .sticky-info-cp{right: 20%;top: -17px; max-width:300px;} #logo{max-width:238px;} #landing-banner .banner-text h1{font-size:32px; line-height:45px;} #landing-banner .banner-text h6{font-size:20px; line-height:30px;} #landing-body-cp .landing-body-text{font-size:16px;} #landing-banner{background-position:right top;} } @media (max-width: 767px){ #landing-header-main .sticky-info-cp{right:0;} #landing-banner .landing-text-banner-cp{padding:32px 0 0;} #landing-banner{background-position:right top;} #landing-banner .banner-text h6{margin: 0 0 22px;} #landing-banner .banner-img-landing img{max-width:170px;} #landing-body-cp .list-body-ol-type{margin-left:0;} #landing-body-cp .list-body-ol-type li::before{ position:static; padding-right:10px;} #landing-body-cp .list-body-ol-type li{padding:0;} #landing-body-cp .body-list-ul-type{margin-left:0;} #landing-body-cp .body-list-ul-type li{padding:0;} #landing-body-cp .body-list-ul-type li::before{position:static; display:inline-block; padding-right:10px;} .small_screen_center{ text-align:center;} #success-banner .banner-text h6 span{ display:inline;} #success-banner .banner-text h6{ font-size:26px;} #success_content .bottom_content{ font-size:20px;} #success-banner .banner-img-landing img{max-width:170px;} #success-banner .success_bg img{ display:none;} } @media (max-width: 668px){ #landing-header-main .sticky-info-cp { right: -25px; width: 44%;} #logo { padding: 30px 0; width:47%;} #landing-body-cp .form-heading-text h4{font-size:26px;} #landing-body-cp .form-heading-text{font-size:18px;} } @media (max-width: 430px) { #landing-header-main .sticky-info-cp{width:51%; top:-3px; right:-17px;} #landing-banner .banner-text h1{font-size:21px; line-height:36px;} #landing-banner .banner-text h6{font-size:16px; line-height:27px;} #landing-banner .banner-text h6 span{display:inline;} #landing-body-cp .landing-body-text{font-size:14px;} #landing-body-cp .form-heading-text h4{font-size:18px; line-height:27px;} #landing-body-cp .form-heading-text{font-size:14px; line-height:24px;} #landing-body-cp .sidebar-form{ padding: 39px 18px 35px;} #landing-body-cp .sidebar-btm-text{font-size:11px;} #landing-body-cp .sidebar-btm-text p span{display:inline;} #landing-body-cp .sidebar-form .form-title{max-width:92px; left:-7px; top:-7px;} #landing-body-cp .form-heading-text p span{display:inline;} #success-banner .banner-text h6{ font-size:20px; line-height:30px;} #success_content .bottom_content{ font-size:18px; line-height:30px;} }