body, h3 {line-height:22px}
.buisiness-page-sec, .main-page-sec, .main-page-sec-tp, .slider-sec {display:block; clear:both}
.feature, .feature .fbox-photo {transform-style: preserve-3d; overflow:hidden}
.circular-table, .my-acctable table, .offer-table, .offer-table1, .rate-chart, .rta-form-table .table {border-collapse:collapse}
@font-face {font-family: open_sansregular; src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
font-weight: 400; font-style: normal;}
@font-face {font-family: open_sansbold; src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');
font-weight: 400; font-style: normal;}
body {background: #fff; font-family: open_sansregular; color: #56595c; font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-family: open_sansbold; color:#4e4e4e;}
h1 {font-size:32px; color:#fff;}
h2 {font-size:20px; margin-top:20px;}
h3 {font-size:16px; color: #787878; font-weight:300;}
h4 {font-size:30px; color: #f27323; font-weight:700;}
a { color: #999; -webkit-transition: color .3s, background-color .3s; -moz-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s;}
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;}

@keyframes blink {
0% {opacity: 1; color:#fff;}
50% {opacity: 1; color:#fcaa06;}
100% {opacity: 1; color:#fff;}}

.info-item.animationblink {animation:blink 1s infinite;}

.btn-primary { padding: 8px 20px; color: #fff; border-radius: 4px; border: 0; margin-top: 10px; background-color: #f27321;}
.btn-primary:focus, .btn-primary:hover { outline: 0; box-shadow: none; background-color: #f27321;}
.btn-transparent { border: 3px solid #fff; background: 0 0; color: #fff;}
.btn-transparent:hover { border-color: rgba(255, 255, 255, .5);}
a:focus, a:hover { color: #111; text-decoration: none; outline: 0;}
.header { background: #fff; border-bottom: 1px solid #ddd; position: sticky; top: 0; z-index: 9999;}
.topbar { background-color: #333; padding: 0; height: 35px;}
.topbar .info, .topbar .info-login { color: #fff;}
.app-sab-title span, .feature .fbox-over .fbox-content p, .myacc-head .media-body .font-weight-normal, .sliderservices5 p, .ticket-date, .topbar .info a, .topbar .info-login a, .topbar .info-login ul li:first-child .return-log .fa { color: #fff;}
.topbar .info a:hover, .topbar .info-login a:hover, .user-dt { color: #fbd771;}
.topbar .info .info-item {display: inline-table;
  margin-right: 15px;
  font-size: 13px;
  color: #fff;
  margin-top: 2px;
  padding: 0px 10px 0px 10px;}
.topbar .info .info-item:last-child { margin-right: 0;}
.topbar .info .info-item .fa { margin-right: 5px; color: #fbd771;}
.comment-list, .sidebar-content ul, .topbar .info-login ul { list-style: none; margin: 0; padding: 0;}
.topbar .info-login ul li { display: inline-block; position: relative;}
.topbar .info-login ul li:first-child .return-log, .topbar .info-login ul li:first-child form[name=signupForm] { padding-right: 8px; margin-right: 5px; border-right: 1px solid #ddd;}
.topbar .info-login ul li select { border: 1px solid #ddd; background-color: transparent; color: #fff; -webkit-appearance: none; appearance: none;}
.topbar .info-login ul li .dropdown-menu { width: 180px; right: 0; left: auto; top: 21px;}
.topbar .info-login ul li ul li .dropdown-menu { left: auto; right: 100%; top: 0; width: 180px;}
.link-list ul li a, .login-box a:hover, .panel-item-activitie.panel-frm label, .rta-form-table .table td a, .topbar .info-login ul li ul li a:hover { color: #333;}
.topbar .info-login ul li li { display: block; border-bottom: 1px solid #ddd;}
.navbar-collapse ul li ul li:last-child, .sidebar-content ul li.open, .sidebar-content ul li:last-child, .topbar .info-login ul li li:last-child { border-bottom: 0;}
.topbar .info-login ul li li a { color: #333; padding-top: 8px; padding-bottom: 8px;}
.topbar .info-login .fa { margin-right: 5px; color: #000;}
.topbar-logo { background-color: #fff; padding: 5px 0;}
.navbar-brand { padding: 15px 0; height: auto;}
.navbar-brand .logo {width:200px; height:50px;;}

.navbar { min-height: 1px; margin: 0;}
.container .navbar-collapse { margin-right: -15px; float: right;}
.navbar-collapse .navbar-nav > li:last-child > a, .navbar-nav > li:last-child > a, .tabs-container .tabs-menu li:last-child span { padding-right: 0;}
.navbar-collapse .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; color: #333; line-height: 50px;}
.activitie-sec .tab-content li a, .appointment-frm span, .banner-text h1 strong, .card-body .control-label span, .circular-table td a, .colrr, .contact-list li a, .heaingtittle .title-border-light .fa, .hm-about-sec a, .navbar-collapse .navbar-nav > li > a .fa, .title-heading .title-border-light .fa { color: #ed1b23;}
.navbar-toggle { border: 1px solid #ddd; margin-top: 25px;}
.dt-created-list tr:hover td, .navbar-toggle .icon-bar { background: #ddd;}
.slider-sec { padding-top: 40px; padding-bottom: 20px; background: #ebebeb;}
.banner-text { color: #333; position: relative; padding-top: 1px; z-index: 1;}
.banner-text p { color: #333; letter-spacing: .5px; font-size: 15px; line-height: 24px;}
.banner-text h1 { color: #ed1b23; font-size: 38px; font-weight: 700; margin-top: 0;}
.bottom-form, .enquery-form { background: rgba(255, 255, 255, .92); padding: 20px; display: block; clear: both; margin-top: 10px; box-shadow: 0 0 10px #888;}
.enquery-form h2, .formheading { font-size: 24px; line-height: 30px; margin: -20px -20px 35px; text-align: center; padding: 15px 20px; background: #33424c; color: #fff; font-weight: 600; text-transform: uppercase;}
.formheading { display: block;}
.bottom-form .form-control, .enquery-form .form-control { height: 45px; border-radius: 0;}
.enquery-form p { margin: 0 0 20px; position: relative;}
.btn-submit { display: block; background: #ed1b23; border: 2px solid #bd0a11; height: 45px; border-radius: 0; width: 100%; font-size: 14px; font-weight: 700; color: #fff;}
.product-icon, .services-icon { height: 60px; line-height: 58px;}
.btn-edit:focus, .btn-edit:hover, .btn-login:focus, .btn-login:hover, .btn-signup:focus, .btn-signup:hover, .btn-submit-calc:focus, .btn-submit-calc:hover, .btn-submit:focus, .btn-submit:hover { background: #221f20; border-color: #221f20; color: #fff;}
.hm-about-sec img, .media-gall-item .lightbox img, .slider-sec img, .thanks-box-img img { max-width: 100%;}
.main-page-sec { padding-top: 40px; padding-bottom: 15px; background: #f5f5f5;}

.btn-danger {color: #fff; background-color: #B40B11;  border-color: #B40B11;;}
.heaingtittle, .title-heading h1, .title-heading h2 { color: #221f20; margin: 0 0 30px; padding: 0; font-size: 28px; text-align: center;}
.main-page-sec .row:first-child, .main-page-sec-tp .row:first-child { margin-bottom: 20px;}
.title-heading h1, .title-heading h2 { font-weight: 600; position: relative;}
.heaingtittle strong, .title-heading h1 span, .title-heading h2 span { color: #ed1b23; font-weight: 900;}
.heaingtittle:after, .title-heading h1:after, .title-heading h2:after { background-color: #ed1b23; border: 0; content: ""; display: block; height: 2px; margin: 20px auto 0; width: 150px;}
.heaingtittle .title-border-light, .title-heading .title-border-light { background: #fff; display: block; height: 17px; margin: 0 auto; position: absolute; text-align: center; top: 37px; width: 30px; left: 0; right: 0;}
.feature, .foote-link a, .footerheading, .heaingtittle, .panel-group h2, .regist, .service-slider-sec { position: relative;}
.heaingtittle { font-weight: 900; display: block;}
.activitie-sec .title-heading .title-border-light, .appointment-page-sec .title-border-light, .faq-hm-s, .faq-hm-s .title-heading .title-border-light, .homepage-bg, .homepage-bg .title-heading .title-border-light, .location-map .title-heading .title-border-light { background: #f4faff;}
.main-page-sec-tp { padding-top: 40px; padding-bottom: 15px;}
.product-item-box { background: #fff; padding: 20px; box-shadow: 0 0 5px #ddd; margin-bottom: 25px;}
.product-item-box p { text-align: center; font-size: 18px; color: #333; margin: 0 0 5px; min-height: 48px;}
.product-item-box a, .services-item-box a { color: #56595c;}
.product-icon { margin: 0 auto 20px; font-size: 24px; width: 60px; -ms-border-radius: 50%; border-radius: 50%; text-align: center; background: #ed1b23; color: #fff; transition: .2s ease-in-out;}
.product-item-box:hover { box-shadow: 0 0 10px #999;}
.product-item-box:hover .product-icon { transform: scale(1.1); background: #333;}
.buisiness-page-sec { padding-top: 40px; padding-bottom: 40px; background: #f5f5f5;}
.buisiness-page-sec .title-border-light { background: #f5f5f5;}
.business-title { text-align: center; font-size: 18px;}
.feature { background: 0 0; margin-top: 40px;}
.copyrht, footer { background: #131313; clear: both; display: block;}
.feature .fbox-photo { -ms-border-radius: 3px; border-radius: 3px; position: relative;}
.feature .fbox-photo img { margin: 0; width: 100%; height: auto; border-radius: 0; transform: scale(1.01); transition: 1.2s;}
.feature .fbox-over { position: absolute; transform: translate(0, 100%); bottom: 60px; width: 100%; z-index: 2; color: #fff; padding: 20px 25px; transition: .4s; -ms-border-radius: 0px 0px 3px 3px; border-radius: 0 0 3px 3px; background: rgba(34, 31, 32, .85);}
.feature .fbox-over h3 { margin: 0; font-size: 1.05em; font-weight: 700; color: #fff; -webkit-font-smoothing: antialiased;}
.feature .fbox-over .fbox-content { margin-top: 10px; font-size: .875em; opacity: 0; transition: opacity .4s;}
.feature:hover .fbox-over .fbox-content { opacity: 1; transition: opacity .4s;}
.feature:hover .fbox-over { transform: translate(0, 0); bottom: 0;}
.feature:hover .fbox-photo img { transform: scale(1.01);}
.hm-about-sec { display: block; clear: both; padding-top: 40px; padding-bottom: 0;}
.hm-about-sec h3 { margin: 60px 0 20px; font-size: 26px; color: #221f20;}
.hm-about-sec p { font-size: 16px; line-height: 24px; text-align: justify;}
footer { color: #7f7f7f;}
.fptxt { padding-top: 15px; color: #a9a9a9;}
.footerheading { color: #fff; font-weight: 600; margin: 0 0 10px; font-size: 20px; padding: 0 0 5px; display: block;}
.appointment-box h3:after, .foote-link h2:after, .myaccount-head-sec h2:after, .signup-head-sec h2:after { background-color: #fe5000; content: ""; display: block; height: 2px; width: 40px; top: 100%; left: 0; position: absolute;}
.foote-link { padding-top: 40px; padding-bottom: 40px; display: block; clear: both;}
.foote-link a { color: #a9a9a9; padding-left: 20px;}

.copyrht, .copyrht a, .copyrht p, .foote-link p , .foote-link ul li:hover a { color: #BFBFBF;}
.foote-link ul { list-style-type: none; margin: 0; padding: 0;}
.foote-link ul li { line-height: 20px; margin-bottom: 10px;}
.copyrht { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #303030;}
.sliderInvestorCharter, .sliderInvestorGrievancesReports, .sliderUsefulLinks, .slidercircular, .sliderservices1, .sliderservices10, .sliderservices2, .sliderservices3, .sliderservices4, .sliderservices5, .sliderservices6, .sliderservices7, .sliderservices8, .sliderservices9 { background-size: cover; background-position: center center;}
.copyrht p { margin-bottom: 0;}
.copyrht a { padding-left: 10px;}
.social-lnk a, .social-lnk a i { color: #a9a9a9; line-height: 40px;}
.social-lnk { display: block; clear: both; padding-top: 10px;}
.social-lnk a { display: inline-block; height: 40px; width: 40px; padding-left: 0; border-radius: 50px; background: #212121; margin-right: 5px; text-align: center;}
.faq-hm .tab-main .tab-title.active, .social-lnk a:hover { background: #ed1b23; color: #fff;}
.social-lnk a i { display: block;}
.faq-hm .tab-main li:before, .foote-link ul li a:before, .panel-body li:before { font-family: FontAwesome; content: "\f105"; position: absolute; left: 0; margin-top: 2px; line-height: 16px; font-size: 16px; color: #ed1b23; display: inline-block; transition: left .3s;}
.faq-hm .tab-main li:hover:before, .foote-link ul li:hover a:before, .panel-body li:hover:before { left: 3px;}
.service-slider-sec { color: #fff; display: block; clear: both; padding-top: 100px; padding-bottom: 100px; min-height: 320px;}
.service-slider-sec:before { background: rgb(137 135 135 / 30%); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.service-slider-sec-offer:before {background: rgb(137 135 135 / 0%)!important;}
.service-slider-sec .banner-text h1, .service-slider-sec .banner-text h2 { color: #fff; font-size: 2.5em; font-weight: 400; margin: 0;}
.service-slider-sec img{position: relative;;}
.service-slider-sec .page-breadcrumb { padding-top: 20px;}
.service-slider-sec .page-breadcrumb ul { background-color: transparent; padding: 0; font-size: 12px; line-height: 1;}
.service-slider-sec .page-breadcrumb ul li { margin: 20px 0 10px; display: inline-block; color: #fff;}
.service-slider-sec .page-breadcrumb ul li a { color: #fff; text-decoration: none; transition: .4s;}
.sliderservices1 { background-image: url(../images/RTA-Services-By-SAG-RTA.jpg);}
.sliderservices2 { background-image: url(../images/form-banner.jpg)}
.sliderservices3 { background-image: url(../images/client-banner.jpg)}
.sliderservices4 { background-image: url(../images/faq-banner.jpg)}
.sliderservices5 { background-image: url(../images/contact-banner.jpg)}
.sliderservices6 { background-image: url(../images/media-banner.jpg)}
.sliderservices7 { background-image: url(../images/rta-activities.jpg)}
.sliderservices8 { background-image: url(../images/appointment-scheme.jpg)}
.sliderservices9 { background-image: url(../images/rta-grievance-redressal.jpg)}
.sliderservices10 { background-image: url(../images/rta-compliance-officer.jpg)}
.slidercircular { background-image: url(../images/circular.jpg)}
.sliderUsefulLinks { background-image: url(../images/useful_link.jpg)}
.sliderInvestorCharter { background-image: url(../images/bginvestor_charter.jpg)}
.sliderInvestorGrievancesReports { background-image: url(../images/bginvestor_grievances_reports.jpg)}
.sliderisin { background-image: url(../images/search-isin.png); background-position: right; background-size: contain; background-repeat: no-repeat; background-color: #333333;}
.sliderisin::before { display: none;}
.sliderisin h1 { width:60%;}

.sliderstampduty { background-image: url(../images/stamp-duty-calculator.png); background-position: right; background-size: contain; background-repeat: no-repeat; background-color: #333333;}
.sliderstampduty::before { display: none;}
.sliderstampduty h1 { width:60%;}
.services-item-box { background: #fff; padding: 20px; box-shadow: 0 0 5px #ccc; margin-bottom: 25px; display: block; min-height: 255px}
.services-item-box h4 { font-size: 17px; color: #333; margin: 5px 0 0; font-weight: 700; line-height: 25px}
.services-item-box .disp-text p { font-size: 15px; text-align: justify; line-height: 25px}
.services-icon { margin: 0 auto; font-size: 24px; width: 60px; -ms-border-radius: 50%; border-radius: 50%; text-align: center; background: #ed1b23; color: #fff}
.rta-form-table .table th { border: 1px solid #4b4b4b; background: #221f20; padding: 8px 15px; color: #fff; font-size: 18px}
.rta-form-table .table td { padding: 8px 15px; vertical-align: middle; border: 1px solid #ddd}
.activitie-sec .accordion .panel-charg table > td:first-child, .rta-form-table .table td:first-child { text-align: center}
.rta-form-table .table td:last-child, .rta-form-table .table th:last-child { text-align: center; width: 13%}
.rta-form-table .table td:last-child a { display: inline-block; margin: 0 3px}
.client-form { margin-bottom: 30px}
.client-form .form-control { height: 50px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #e1e1e1; background-color: #f8f8f8; margin-bottom: 25px}
.activitie-sec .accordion .panel-charg .panel-title a[aria-expanded=true] span:after, .client-form .btn { background-color: #ed1b23}
.client-form textarea.form-control { height: 80px; resize: none}
.client-form .btn { text-transform: uppercase; font-weight: 700; height: 52px; padding-right: 25px; padding-left: 25px; color: #fff; letter-spacing: 1px; border: 2px solid #cb0e15}
.client-form .btn:focus, .client-form .btn:hover { background-color: #221f20; border-color: #221f20; color: #fff}
.regist { padding: 0 10px; display: inline-block; color: #ed1b23}
.regist:after { content: "|"; padding: 0; display: inline-block; position: absolute; right: -7px; color: #333}
.regist:last-child:after { content: ""; padding: 0}
.client-form .row { margin-bottom: 0 !important}
.panel-group h2 { color: #221f20; font-weight: 600; margin: 30px 0 15px; font-size: 20px; padding: 0 0 5px}
.panel-group h2:after { background-color: #cb0e15; content: ""; display: block; height: 2px; width: 60px; top: 100%; left: 0; position: absolute}
.panel-group .panel { border-radius: 0; box-shadow: none; border: none}
.panel-default > .panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: transparent; border: 1px solid #eee}
.accordion .panel-title { position: relative; font-weight: 400}
.accordion .panel-title a { padding: 10px 30px 10px 15px; font-size: 15px; display: block; background: #ed1b23; color: #fff}
.panel-body p { line-height: 22px; font-size: 14px; color: #333; text-align: justify}
.faq-title-h { letter-spacing: 1px; font-size: 18px}
.accordion .panel-body { padding: 15px; border: 1px solid #eee; margin-bottom: 15px}
.accordion .plus-minus { opacity: .8; cursor: pointer; transition: opacity 350ms; display: block; position: absolute; right: 10px; top: 50%; height: 18px; width: 18px; margin-top: -9px}
.accordion .plus-minus span { position: relative; height: 100%; display: block}
.accordion .plus-minus span:after, .accordion .plus-minus span:before { content: ""; position: absolute; background: #666; transition: transform .1s}
.accordion .plus-minus span:before { height: 2px; width: 100%; left: 0; top: 50%; margin-top: -1px; transform: rotate(180deg)}
.accordion .plus-minus span:after { height: 100%; width: 2px; top: 0; left: 50%; margin-left: -1px; transform: rotate(90deg)}
.accordion .panel-title a.collapsed .plus-minus span:before { transform: rotate(-180deg)}
.accordion .panel-title a.collapsed .plus-minus span:after { transform: rotate(0)}
.accordion .panel-title a.collapsed, .activitie-sec .accordion .panel-title a.collapsed { color: #221f20; background: 0 0}
.accordion a[aria-expanded=true] span:after, .activitie-sec .accordion a[aria-expanded=true] span:after, .navbar-collapse ul > li > ul, .table-design tr { background-color: #fff}
.contact-list, .faq-hm .tab-main ul, .panel-body ul { margin: 0; padding: 0; list-style: none}
.faq-hm .tab-main li, .panel-body li { line-height: 24px; font-size: 14px; color: #333; position: relative; padding-left: 15px}
.contact-list li { margin-bottom: 10px; padding: 15px; box-shadow: 0 0 5px #ccc; font-size: 15px}
.appointment-frm .form-group, .card-header .form-group, .card-subtitle, .contact-list li:last-child, .quckform-fild .form-group:last-child { margin-bottom: 0}
.contact-list li .fa { color: #ed1b23; font-size: 24px; display: block; width: 30px; float: left}
.contact-list li span { margin-left: 40px; display: block; line-height: 1.4}
.enquery-form p > .err, .form-group .form-field > .err { position: absolute; right: 0; top: 12px; padding-right: 8px; text-align: right}
.form-group .form-field > .err { right: 18px; top: 16px}
.pics-gall { padding-bottom: 25px}
.media-gall-item { padding: 10px; border: 1px solid #ddd; box-shadow: 0 0 10px #999}
.myaccount-head-sec, .signup-head-sec { background: #203a45; padding-top: 40px; display: block; clear: both}
.media-gall-item table { margin: 0 0 10px}
.media-gall-item td { padding: 3px 8px; background: #f7f7f7; border: 1px solid #d1d1d1}
.media-gall-item td:first-child { font-weight: 700; width: 40%}
.media-gall-item .lightbox { display: block; text-align: center}
.tz-gallery .media-gall-item:hover .lightbox:after { background: rgba(0, 0, 0, .8)}
.navbar-collapse ul > li > a:not(:only-child):after { font-family: FontAwesome; content: "\f107"; position: absolute; right: 2px; top: 17px; z-index: 251; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out}
.navbar-collapse ul > li > ul:before { border-bottom: 6px solid #ddd; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px}
.navbar-collapse .dropdown-menu { left: 0; top: 100%; z-index: 99999; width: 230px}
.navbar-collapse ul li ul li, .sidebar-content .dropdown-menu > li:last-child { border-bottom: 1px solid #ddd}
.navbar-collapse ul li ul li a { padding-top: 5px; padding-bottom: 5px}
.signup-head-sec { padding-bottom: 40px}
.myaccount-head-sec h2, .signup-head-sec h2 { color: #fff; font-weight: 600; margin: 0; position: relative; font-size: 28px; padding: 0 0 5px; text-transform: uppercase}
.myaccount-head-sec { padding-bottom: 80px}
.myaccount-page-sec { display: block; clear: both; padding-bottom: 20px; position: relative; background: #f4faff}
.card, .card-header { background-color: #fff}
.myaccount-page-sec .container > .row { margin-top: -3rem}
.appointment-box, .login-box, .myaccount-box-lt, .signup-box, .thanks-box-item { background: #fff; padding: 20px; box-shadow: 0 0 5px #ddd; margin-bottom: 25px; display: block; clear: both}
.card h2, .myaccount-box-lt h2 { color: #ed1b23; font-weight: 600; margin: 0 0 20px; position: relative; font-size: 28px}
.card { position: relative; margin-bottom: 1.5rem; box-shadow: 0 0 5px #ddd; padding-top: 10px}
.card-header { padding: 10px 20px; margin-bottom: 0; color: inherit; border-bottom: 0 solid rgba(0, 0, 0, .125); border-bottom-width: 1px}
.card-header .btn-primary { margin-top: 0; border-radius: 0}
.card-title { font-size: 16px; color: #6c757d; margin-bottom: .75rem; font-weight: 600; margin-top: 0; line-height: 1.2}
.card-body { padding: 10px 20px; display: block; clear: both}
.card-body .col-form-label, .card-body .form-label, .card-body label { font-weight: 400}
.custom-control { display: block; clear: both}
.sidebar-content ul li { border-bottom: 1px solid #ddd; display: block; position: relative}
.sidebar-content ul li a { color: #333; font-size: 15px; padding: 13px 0; display: block}
.sidebar-content ul li a .fa { color: #333; padding-top: 5px; padding-right: 5px}
.sidebar-content ul li a:hover, .sidebar-content ul li a:hover .fa, .sidebar-content ul li.active a, .sidebar-content ul li.active a .fa, .sidebar-content ul li.open > a, .sidebar-content ul li.open > a:before, .sidebar-content ul li.open > a > .fa { color: #e94a45}
.myacc-head { background: #203a45; background: linear-gradient(90deg, #203a45 0, #294e59); display: block; clear: both; padding-top: 50px; padding-bottom: 100px}
.myacc-head .avatar { border: 2px solid #fff; float: left; width: 48px; height: 48px; border-radius: 50px; margin-right: 15px; background: #fff}
.myacc-head .media-body { float: left; width: auto}
.myacc-head h3 { font-size: 24px; color: #fff; margin: 0 0 5px}
.btn-edit { background: #ed1b23; height: 42px; border-radius: 0; -webkit-border-radius: 0px; padding-left: 30px; padding-right: 30px; font-size: 14px; font-weight: 700; color: #fff; display: inline-block; line-height: 28px}
.modal-dialog { width: 700px}
.activitie-sec, .appointment-page-sec, .login-page-sec, .signup-page-sec { display: block; clear: both; padding-top: 30px; padding-bottom: 30px; background: #f4faff}
.activitie-box, .activitie-sec .tab-content, .panel-item-activitie { background: #fff; padding: 20px; position: relative; box-shadow: 0 0 5px #ddd}
.activitie-sec .tabs-left > .nav-tabs { border-bottom: 0; float: left; margin-right: 0; border-right: 1px solid #7b7f7f; width: 16%; margin-top: 50px}
.activitie-sec .tab-content > .tab-pane, .faq-hm .tab-content, .pill-content > .pill-pane, .toperr { display: none}
.activitie-sec .pill-content > .active, .activitie-sec .tab-content > .active, .company-dtl-box .customradio input:checked ~ .checkmark:after, .myaccount-form-dtl .customradio input:checked ~ .checkmark:after, .security-item .security-box input:checked ~ .checkmark:after { display: block}
.activitie-sec .tabs-left > .nav-tabs > li { float: none}
.activitie-sec .tabs-left > .nav-tabs > li > a { text-align: right; margin-bottom: 2px; padding-top: 10px; background: #7b7f7f; padding-bottom: 10px; color: #fff; font-size: 12px; font-weight: 700; margin-right: -1px; border: 0; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px}
.activitie-sec .tabs-left > .nav-tabs .active > a, .activitie-sec .tabs-left > .nav-tabs .active > a:focus, .activitie-sec .tabs-left > .nav-tabs .active > a:hover, .activitie-sec .tabs-left > .nav-tabs > li > a:focus, .activitie-sec .tabs-left > .nav-tabs > li > a:hover { border-color: #ed1b23; background: #ed1b23; color: #fff}
.activitie-sec .tabbable h2 { margin: 0 0 30px}
.activitie-box, .panel-item-activitie { margin-bottom: 20px; display: block}
.activitie-sec .tab-content { margin-bottom: 25px; float: left; width: 84%; min-height: 1650px}
.activitie-sec .tab-content:before { left: 0; top: 0; content: ""; position: absolute; background: #ed1b23; width: 1px; height: 100%}
.activitie-sec .tab-content h3 { margin: -20px -20px 20px; font-size: 22px; position: relative; color: #fff; padding: 10px 20px; background: #ed1b23}
.activitie-sec .tab-content ul, .link-list ul, .scores ul { padding: 0; list-style: none; margin: 0}
.activitie-sec .tab-content li { position: relative; margin-bottom: 5px; padding-bottom: 5px; font-size: 13px; border-bottom: 1px dashed #ccc; padding-left: 20px; text-align: justify}
.activitie-sec .accordion .panel-title a { position: relative; font-weight: 700; font-size: 16px}
.activitie-sec .accordion .panel-title a:before { content: ""; position: absolute; left: 10px; height: 1px; width: 8%; background: #ed1b23; top: 100%}
.activitie-sec .tab-content li:before, .link-list ul li:before { font-family: FontAwesome; content: "\f00c"; color: #ed1b23; position: absolute; left: 0; top: 0}
.activitie-sec .tab-content p:last-child { margin: 10px 0 0}
.activitie-sec .tab-content p.error-msg { position: absolute; top: 85%; left: 15px; width: 300px; font-size: 13px}
.activitie-sec .tab-content span { font-weight: 700; color: #ed1b23}
.activitie-sec .tab-content li ul li { padding-top: 5px; padding-bottom: 5px; color: #000; background: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 -1px; padding-left: 25px}
.activitie-sec .tab-content li ul li:nth-of-type(odd) { background: #ccc}
.activitie-sec .tab-content li ul li:before { top: 6px; left: 5px}
.activitie-sec th { padding: 8px 15px; border: 1px solid #ddd; font-size: 16px; background: #f8f8f8; color: #000}
.activitie-sec td { padding: 10px 15px; border: 1px solid #ddd}
.activitie-sec .accordion .panel-title a { background: #999; color: #fff}
.activitie-box h3 { margin: 0 0 20px; font-size: 18px; position: relative; color: #000; padding-bottom: 5px; border-bottom: 1px solid #ddd}
.activitie-box h3:before { content: ""; position: absolute; left: 0; height: 2px; width: 5%; background: #ed1b23; top: 100%}
.appointment-box h2, .login-box h2, .signup-box h2 { margin: -10px 0 30px; padding: 10px 15px 15px; text-align: center; color: #ed1b23; border-bottom: 1px solid #ddd; text-transform: uppercase}
.signup-box .form-control { height: 36px; border-radius: 0; color: #333; -webkit-border-radius: 0}
.signup-box .uppercase { text-transform: uppercase}
.signup-box .not { margin: 0; color: red; font-style: italic}
.login-box .col-md-12 span, .signup-box .col-md-12 span { color: red; font-size: 13px}
.signup-box label { display: block; font-weight: 400}
.download-p a, .download-p a img, .listno, .tab-content #loader img { display: inline-block}
.signup-box label span { color: #fe5000}
.signup-box .form-control::-moz-placeholder { color: #999; opacity: 1}
.btn-login, .btn-signup { background: #ed1b23; border: 2px solid #bd0a11; height: 45px; border-radius: 0; padding-left: 30px; padding-right: 30px; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase}
.signup-box .col-md-4 > span.err { position: absolute; top: 68px; font-size: 12px}
.login-box a, .signup-box a { display: inline-block; margin: 0 5px; color: #fe5000; position: relative}
.login-box .alert, .signup-box .alert { display: block; clear: both; margin-bottom: 5px; text-align: center; padding-bottom: 5px; padding-top: 5px}
.signup-box p.alert-danger { margin-top: 5px; margin-bottom: 0}
.login-box .form-control { height: 42px; border-radius: 0; -webkit-border-radius: 0}
.form-group:after, .form-group:before { content: ""; display: table}
.form-group:after, .sidebar-content .dropdown-menu:after { clear: both}
.form-group { margin-right: -15px; margin-left: -15px; margin-bottom: 20px}
.form-group1 { margin-right: 0; margin-left: 0; margin-bottom: 20px}
.login-box a + a { border-left: 1px solid #ddd; padding-left: 10px}
.activitie-sec .accordion .panel-charg .panel-title a.collapsed { color: #fff; background: #ed1b23}
.activitie-sec .accordion .panel-charg .panel-title a { background: #ed1b23; color: #fff; font-size: 22px; margin: -20px -20px 0}
.activitie-sec .accordion .panel-charg .panel-title a:before, .sidebar-content .dropdown-menu > li:hover > a { background: 0 0}
.activitie-sec .accordion .panel-charg .plus-minus span:after, .activitie-sec .accordion .panel-charg .plus-minus span:before { background: #fff}
.activitie-sec .accordion .panel-charg .panel-body { border: 0; padding: 15px 0 0; margin-bottom: 0}
.activitie-sec .accordion .panel-charg td, .activitie-sec .accordion .panel-charg th { padding: 8px 10px; vertical-align: top}
.activitie-sec .accordion .panel-charg td td, .activitie-sec .accordion .panel-charg td th { font-size: 13px; padding: 5px}
.activitie-sec .accordion .panel-charg td table:first-child, .bottom-form .form-box, .table-attch table, .table-charg-d table { margin-bottom: 15px}
.activitie-sec .accordion .panel-charg td:first-child { width: 8%}
.activitie-sec .accordion .panel-charg td:nth-of-type(2) { width: 20%}
.activitie-sec .accordion .panel-charg td:nth-of-type(3), .activitie-sec .accordion .panel-charg td:nth-of-type(4) { width: 30%}
.activitie-sec .accordion .panel-charg td:last-child { width: 12%}
.download-p { float: right; margin-top: -1px}
.download-p a { margin-left: 10px; text-align: center}
.download-p a span { font-weight: 400 !important; font-size: 10px; display: block; clear: both}
.table-charg-d table td { vertical-align: text-bottom}
.table-charg-d table td td, .table-charg-d table td th { font-size: 14px; padding: 5px}
.listno { height: 20px; width: 30px; border: 0; border-bottom: 1px solid #333}
.form-control.ng-untouched.ng-invalid.ng-invalid-required { border-color: #ccc}
.form-control.ng-invalid.ng-invalid-required.ng-touched, .form-control.ng-valid-parse.ng-invalid.ng-invalid-required, .myaccount-form-dtl .form-control.ng-dirty.ng-valid-parse.ng-touched.ng-invalid.ng-invalid-pattern { border-color: red}
.form-control.ng-valid-parse.ng-valid.ng-valid-required { border-color: #096}
.link-list ul li, .scores ul li { position: relative; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #ccc; padding-left: 20px}
.myaccount-form-dtl .form-group .row .col-md-12 span[class=""], [ng-show="signupForm.face_value.$error.required && signupForm.face_value.$dirty"], span[ng-show="!signupForm.face_value.$error.required && signupForm.face_value.$error.pattern && signupForm.face_value.$dirty"] { color: red}
.myaccount-page-sec .btn-small { height: 36px; padding: 5px 20px; border-radius: 4px; -webkit-border-radius: 4px}
.panel-item-activitie.panel-frm { background: #efefef; border: 1px solid #ddd; margin: 0}
.panel-item-activitie.panel-frm h3 { background: #2e2e2e}
.panel-item-activitie.panel-frm .col-md-4 { padding-bottom: 15px}
.panel-item-activitie.panel-frm .form-control, .timerpopup .modal-content { border-radius: 0}
.btn-submit-calc { display: block; background: #ed1b23; border: 1px solid #bd0a11; height: 34px; border-radius: 0; font-size: 13px; font-weight: 700; color: #fff; padding-left: 15px; padding-right: 15px}
.tab-content #loader { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, .8); text-align: center; z-index: 99}
.error-msg { display: none; color: red}
.panel-item-activitie.panel-charg { padding: 0; margin: 0; box-shadow: 0 0 0}
.tab-pane h2.fixed-header { z-index: 999; background: #fff; position: fixed; top: 118px; padding: 8px 15px}
.scores ul li { font-size: 15px}
.scores ul li:before { font-family: FontAwesome; content: "\f0a4"; color: #ed1b23; position: absolute; left: 0; top: 0}
.scores ul ul { margin: 10px 0; padding-left: 20px}
.fild-set-b, .myaccount-form-dtl fieldset { background: #fff; padding: 20px 20px 5px; box-shadow: 0 0 5px #ddd; margin-bottom: 25px; display: block; clear: both}
.myaccount-form-dtl legend { margin: 10px 0; color: #333; border: 0; font-weight: 700; width: auto; display: inline-block; font-size: 16px; padding: 0 10px; background: #fff}
.allscamm, .appointment-box h3 { font-weight: 600; margin: 0 0 20px; font-size: 23px; padding: 0 0 8px}
.company-dtl-box legend span, .myaccount-form-dtl legend span { font-weight: 400; font-size: 14px}
.myaccount-form-dtl .form-control { height: 36px; border-radius: 0; color: #333; -webkit-border-radius: 0; font-size: 13px}
.myaccount-form-dtl .control-label { font-size: 13px; color: #333}
.company-dtl-box .customradio input, .myaccount-form-dtl .customradio input, .security-item .security-box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0}
.company-dtl-box .customradio:hover input ~ .checkmark, .myaccount-form-dtl .customradio:hover input ~ .checkmark, .security-item .security-box:hover input ~ .checkmark { background-color: transparent}
.company-dtl-box .customradio input:checked ~ .checkmark, .myaccount-form-dtl .customradio input:checked ~ .checkmark, .security-item .security-box input:checked ~ .checkmark { background-color: #fff; border: 1px solid #bebebe}
.company-dtl-box .checkmark, .myaccount-form-dtl .checkmark, .security-item .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; border: 1px solid #bebebe}
.allscamm, .app-sab-title, .appointment-box li, .comment-list li, .company-dtl-box .customradio, .form-box-replay, .location-map, .myaccount-form-dtl .customradio, .security-item, .security-item .security-box, .table-popup-body, .theme-heading { position: relative}
.company-dtl-box .checkmark:after, .myaccount-form-dtl .checkmark:after, .security-item .checkmark:after { content: ""; position: absolute; display: none}
.company-dtl-box .customradio .checkmark:after, .myaccount-form-dtl .customradio .checkmark:after, .security-item .security-box .checkmark:after { top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #333}
.my-acctable table td, .my-acctable table th { padding: 10px; border: 1px solid #ddd}
.company-dtl-box .radiotextsty, .myaccount-form-dtl .radiotextsty { padding-left: 30px}
.my-acctable table th { background: #f7f7f7}
.allscamm { text-align: center}
.app-sab-title { margin: 8px 0 10px; font-size: 20px; padding: 10px; font-weight: 700; line-height: 25px; color: #fff !important; border: 1px solid rgba(255, 255, 255, .6)}
.app-sab-title .per50-off { display: block; font-size: 24px; font-weight: 700; clear: both; color: #fbd771}
.app-sab-title span .ban-off { display: inline-block; font-size: 24px}
.app-sab-title span .ban-off:first-child { padding-right: 30px; padding-left: 30px}
.appointment-box h3 { color: #ed1b23; position: relative}
.appointment-box ul { padding: 0 0 0 20px; list-style-type: decimal; margin: 0}
.appointment-box li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #ccc; padding-left: 5px}
.offer-table td, .offer-table1 td, .rate-chart td, .rate-chart th { border: 1px solid #ddd}
.offer-table td { padding: 15px}
.offer-table td:nth-of-type(2) { width: 15%; text-align: center}
.offer-table td:last-child { width: 22%; text-align: center}
.offer-table td:nth-of-type(3) { width: 20%; text-align: center}
.offer-table td:first-child { font-size: 24px; font-weight: 700; width: 40%; background: #f7f7f7}
.offer-table1 td .rs-final, .offer-table1 td .rs-line, .rate-chart th { font-size: 16px}
.rs-line { font-weight: 700; font-size: 24px}
.offer-table1 { margin-top: 15px}
.offer-table1 td { padding: 10px; background: #fff; text-align: center}
.offer-table1 td:first-child { font-size: 24px; font-weight: 700; width: 40%; text-align: left}
.lineh { display: block; padding-bottom: 10px}
.rs-final { display: block; font-weight: 700; font-size: 24px}
.rate-chart td { padding: 10px 15px}
.rate-chart th { padding: 10px 15px; background: #666; line-height: 24px; text-decoration: none; color: #fff}
select.acmp { color: #333; margin-right: 5px; border: 1px solid #fff; font-size: 12px; height: 26px; display: inline-block}
strong.alert-success { display: block; clear: both; margin-bottom: 5px; padding: 10px 15px}
.card-body .table .btn-primary { padding: 6px 12px; margin: 0}
.theme-heading { height: auto; font-size: 18px; font-weight: 600; color: #000; margin-bottom: 30px; overflow: hidden}
.comment-list li { border: 1px solid #ddd; margin-bottom: 15px}
.head-msg { background: #203a45; margin: 0 0 10px; border-bottom: 1px solid #ddd; padding: 10px; clear: both; display: block; text-transform: uppercase}
.attached-msg, .description-msg, .rats-msg { margin: 0; display: block; padding: 10px; clear: both}
.user-nm { font-weight: 700; font-size: 16px; color: #fff}
.user-nm span { color: #2fc66a; font-weight: 400; padding-left: 5px}
.text-attached, .text-descrip { font-weight: 700; font-size: 15px; display: block; clear: both}
.attached-msg, .rats-msg { background: #f9f9f9; border-top: 1px solid #ddd}
.description-msg p { font-size: 15px}
.description-msg { background: #fff}
.comm-t, .star-ic a, .user-rats a { display: inline-block}
.user-rats a { color: #000; font-size: 16px; text-transform: uppercase; margin-top: 3px}
.star-ic a { margin-left: 5px; font-size: 25px}
.comm-t { font-weight: 700; width: 15%}
.comment-attached, .comment-created, .comment-description, .comment-name, .comment-replay, .comment-type { display: block; clear: both; font-size: 14px}
.comment-list li.ticket-box { border-color: #e97a75}
.ticket-info { background: #e97a75; border-bottom: 1px solid #b15450; padding: 10px; clear: both; display: block}
.ticket-heading { font-weight: 700; font-size: 18px; color: #fff}
.ticket-id { background: #fff; padding: 10px; clear: both; display: block; color: #333}
.ticket-b { font-weight: 700; clear: both; background: #ddd; display: block; margin: -10px -10px 10px; border-bottom: 1px solid #ddd; padding: 8px 10px; text-transform: uppercase}
.ticket-dt { border: 1px solid #ddd; padding: 10px; margin-bottom: 5px}
.ticket-dt p { font-size: 15px; margin-bottom: 0}
.griedvance-table th:last-child { width: 13%}
.security-item { display: block; padding: 0 15px}
.security-item .radiotextsty { padding-left: 30px; cursor: pointer}
.form-box-replay { display: block; padding: 15px}
.form-box-replay .control-label { font-weight: 700; padding-top: 7px}
.btn-cancel { background: #221f20; border: 2px solid #221f20; height: 45px; border-radius: 0; padding-left: 30px; padding-right: 30px; font-size: 14px; color: #fff; text-transform: uppercase; display: inline-block; line-height: 28px}
.btn-cancel:focus, .btn-cancel:hover { background: #ed1b23; border-color: #ed1b23; color: #fff}
.toperr[style="display: block;"] { z-index: 9999; position: fixed; background: rgba(0, 0, 0, .5); left: 0; right: 0; margin: auto; top: 0; width: 100%; height: 100%; text-align: center}
.table-call-alert, .vertical-align-center { display: table-cell; vertical-align: middle}
.table-popup-alert, .vertical-alignment-helper { display: table; height: 100%; width: 100%}
.table-popup-alert .close { opacity: 1; text-shadow: 0 0 0}
.table-popup-alert .close span { color: #ff9000; font-size: 25px}
.table-popup-body { padding: 30px 15px; background: #fff; display: inline-block; border-top: 2px solid #a94442; margin: auto; width: 400px; box-shadow: 0 0 10px #888; border-radius: 4px; -webkit-border-radius: 4px}
.table-popup-body p { font-size: 16px; margin: 0 !important; font-weight: 700; color: #ed1b23}
.company-dtl-box .cancel.remove-btn, .myaccount-form-dtl .cancel.remove-btn { margin-top: 0; padding-left: 15px; padding-right: 15px}
.company-dtl-box .addmore-btn, .myaccount-form-dtl .addmore-btn { text-decoration: none; display: inline-block; background: #0f95de; height: 45px; border-radius: 50px; padding-left: 30px; padding-right: 30px; line-height: 45px; font-size: 18px; color: #fff; outline: 0}
.home-disp-text p { line-height: 24px; font-size: 15px; margin: 0 0 15px; text-align: justify}
.location-map { display: block; clear: both; background: #f4faff; padding-top: 30px}
.quckform-icon { overflow: hidden; z-index: 9998; position: fixed; right: 0; top: 50%; box-shadow: 0 0 0; cursor: pointer}
.quckform-fild { display: none; background: #ed1c24; width: 300px; position: fixed; bottom: 158px; border: 1px solid #ed1c24; right: 53px; padding: 15px; z-index: 99}
.quckform-fild .form-control { border-radius: 0; box-shadow: 0 0 0; width: 100%; line-height: 38px !important}
.quckform-fild textarea.form-control { height: 60px}
.quckform-fild .send-btn { border-radius: 0; height: 34px; background-color: #fff; color: #000; padding-left: 23px; padding-right: 23px; line-height: 12px !important; border-color: #fee7e8; font-size: 14px; font-weight: 700}
.quckform-fild .send-btn:hover { background-color: #fff; border-color: #fff}
.quckform-fild .col-md-12 > p { position: absolute; left: 15px; top: 99%; color: #fff !important; font-size: 13px}
.quckform-fild .form-group { margin-bottom: 25px}
.foot-logo { display: inline-block; background: #fff; padding: 10px; text-align: center; margin-bottom: 10px; border-radius: 4px}
.foote-link .futr-blog a { padding-left: 0}
.foote-link .futr-blog a:before, blockquote footer:before { content: ""}
.foote-link .futr-blog .post-date { display: block; clear: both; font-weight: 700; color: #fe5000}
.thanks-box-item h3 { margin: 0; position: relative; font-size: 18px; line-height: 25px; color: #333}
.thanks-box-img { display: block; clear: both; margin-bottom: 10px}
.dt-created-list .fa { color: red; font-size: 30px}
.dt-created-list th { background: #f7f7f7 !important; font-size: 16px; text-transform: uppercase !important}
.page-404 h1 ~ div, .why-choose-cricle-sec h2 { text-transform: uppercase; text-align: center}
.sidebar-content .dropdown-menu:after, .sidebar-content .dropdown-menu:before { display: table; content: ""}
.sidebar-content .dropdown-menu { position: relative; box-shadow: none; min-width: 100%; border: 0; margin-left: -20px; margin-right: -20px; float: none; margin-bottom: 0; background: #eef1f5; z-index: 1}
.sidebar-content .dropdown-menu > li { border-top: 1px solid #ddd; border-bottom: 0; padding-left: 30px}
.sidebar-content .dropdown-menu > li > a { padding: 8px 12px; font-size: 14px; display: block; position: relative; font-weight: 500}
.sidebar-content li > a { font-weight: 700}
.sidebar-content ul li > a > .fa { font-weight: 700; font-size: 15px}
.sidebar-content li > a:not(:only-child):after { font-family: FontAwesome; font-size: 24px; content: "\f105"; position: absolute; right: 1px; top: auto; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out}
.sidebar-content li.open > a:not(:only-child):after { content: "\f107"}
.bnk-det .pdf-dn { display: block; clear: both; font-size: 16px; padding-top: 10px; text-align: left}
.blinking { animation: .5s infinite blinkingText}
@keyframes blinkingText { 0% { color: #000 } 100% { color: red }}
.appointment-frm { background: #fff; padding: 10px; box-shadow: 0 0 5px #ddd; margin-top: 25px; display: block; clear: both}
.bottom-form .btn, .btn-send-item { background: #B40B11; font-weight: 700}
.appointment-frm .form-control { border-radius: 0; -webkit-border-radius: 0; box-shadow: 0; border: 1px solid rgba(0, 0, 0, .3); margin-bottom:15px;}
.btn-send-item { color: #fff; border-radius: 0; -webkit-border-radius: 0; padding-left: 15px; padding-right: 15px}
.desbord-box-acc { background-color: #fff; padding: 15px; box-shadow: 0 0 5px #ddd; position: relative}
#GoTopbutton:hover, .colorbg1 { background-color: #333}
.desbord-box-acc h4 { color: #fff; margin: 0 0 5px; font-size: 25px}
.desbord-box-acc h5 { color: #fff; margin: 0 0 5px; font-size: 15px}
.desbord-box-acc p { color: #fff; margin: 0}
.desbord-box-acc .fa { color: #fff; font-size: 30px; position: absolute; bottom: 5px; right: 8px}
.colorbg2 { background-color: #036a93}
.colorbg3 { background-color: #996}
.colorbg4 { background-color: #f90}
.colorbg4 .fa, .colorbg4 h4, .colorbg4 h5, .colorbg4 p { color: #000 !important}
.desbord-box-benpos { background-color: #036; padding: 15px}
.desbord-box-benpos a { color: #f90; display: inline-block; padding: 3px 10px; margin-bottom: 10px; font-size: 13px; border: 1px solid #f90; margin-left: 30px}
.desbord-box-benpos a .fa { padding-left: 5px}
.desbord-box-benpos p { color: #fff; font-size: 16px}
.company-dtl-box fieldset { background: #fff; padding: 20px 20px 5px; box-shadow: 0 0 5px #ddd; margin-bottom: 35px; display: block; clear: both}
.company-dtl-box legend { margin: 10px 0; color: #333; border: 0; font-weight: 700; width: auto; display: inline-block; font-size: 20px; padding: 0 10px; background: #fff}
.company-dtl-box .row .row { border-bottom: 1px solid #ddd; margin-left: 0; margin-right: 0; padding: 5px 0; margin-bottom: 5px}
.company-dtl-box .row .row [class*=col-] { padding-left: 0; padding-right: 0}
.company-dtl-box .control-label { font-size: 13px; color: #333; font-weight: 700}
.company-dtl-box .control-label.nd { font-weight: 400; color: #828282}
.myaccount-form-dtl .fild-set-b legend { margin-top: -35px}
.cklist { display: block; padding-bottom: 10px; font-size: 16px}
.cklist a { color: red; font-weight: 700}
.faq-hm .tab-main { display: block; clear: both; margin-bottom: 15px}
.faq-hm .tab-main .tab-title { padding: 10px 15px; font-size: 15px; background: #fff; display: block; color: #221f20; border: 1px solid #eee; position: relative; padding-right: 25px;}
.faq-hm .tab-main .tab-title span { display: block; position: relative; cursor: pointer}
.faq-hm .tab-main .tab-title span:before { content: "\f067"; position: absolute; right: -15px; top: 0; font-size: 16px; font-family: FontAwesome; font-weight: 400;}
.faq-hm .tab-main .tab-title.active span:before { content: "\f068"}
.faq-hm .tab-main .tab-content { border: 1px solid #eee; padding: 15px; background: #fff}
.circular-table th { background-color: #ed1b23; padding: 5px 10px; color: #fff; border: 1px solid #ff9b9f !important}
.circular-table tr:nth-of-type(odd) td, .table-design tr:nth-child(2n+2) { background-color: #f6f6f6}
.circular-table td { padding: 5px 10px; border: 1px solid #ddd}
.process-slide-sec .urgent-card .row { display: flex; align-items: center}
.bottom-form textarea.form-control { width: 100%; border-radius: 0; height: 70px}
.bottom-form .btn { display: block; border: 2px solid #bd0a11; height: 45px; border-radius: 0; width: 100%; font-size: 14px; color: #fff; margin-top: 25px}
.testimonial-slider .item { height: 280px}
.process-slide-sec .carousel-control .glyphicon-chevron-left { margin-left: -80px !important}
.process-slide-sec .carousel-control .glyphicon-chevron-right { margin-right: -75px !important}
.display-flex { display: flex;}
.info.display-flex { align-items: center; justify-content: space-between}
.topbar .info { margin-top: 5px;}
@media(max-width:320px) { .title-heading h2 { font-size: 20px }}
@media(max-width:767px) { .tab-pane h2.fixed-header { position: absolute; top: 0 } .service-slider-sec .banner-text h1 { font-size: 25px } .offer-table1 td:first-child { font-size: 12px; width: 30% } .offer-table1 td .rs-final, .offer-table1 td .rs-line { font-size: 12px } .offer-table1 td { padding: 4px; font-size: 12px; line-height: 20px } .service-slider-sec .page-breadcrumb { padding-top: 10px } .service-slider-sec .page-breadcrumb ul, .social-lnk { margin-bottom: 0 } .appointment-box h3 { font-size: 18px } .offer-table td .rs-final, .offer-table td .rs-line, .offer-table td:first-child { font-size: 14px } .offer-table td { padding: 5px; font-size: 14px } .foote-link { padding-top: 20px; padding-bottom: 20px } .foote-link h2 { margin-bottom: 20px; margin-top: 40px } .copyrht p { font-size: 12px; text-align: center } .main-page-sec.main-hm .title-heading .title-border-light { top: 60px } .feature .fbox-over { padding: 8px 10px } .feature .fbox-over .fbox-content { margin-top: 5px } .feature .fbox-over .fbox-content p { line-height: 18px } .services-item-box h4 { word-wrap: break-word; font-size: 16px } .activitie-sec .title-heading .title-border-light, .contact-c .title-heading .title-border-light, .location-map .title-heading .title-border-light, .media-s .title-heading .title-border-light { top: 33px } .form-control, .form-control:focus, .form-control:hover { box-shadow: 0 0 0 none inset; -webkit-box-shadow: 0 0 0 none inset } .location-map iframe { margin-bottom: -5px } .myaccount-page-sec { margin-bottom: -45px } .myaccount-form-dtl legend { word-wrap: break-word; font-size: 14px; width: 100% } .my-acctable table td, .my-acctable table th { padding: 5px !important; font-size: 12px; white-space: inherit !important } .myaccount-form-dtl .form-control { box-shadow: 0 0 0 none inset; -webkit-box-shadow: 0 0 0 none inset; padding-left: 5px; padding-right: 5px } .my-acctable { position: relative } .box-fd { float: left } .card h2, .heaingtittle, .myaccount-box-lt h2 { font-size: 20px } .btn-edit { padding-left: 10px; padding-right: 10px; display: block; line-height: 22px; height: 36px } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: transparent } .dropdown-backdrop, .right.carousel-control { display: none } .card h2 { margin: 0 0 5px } .info.display-flex { justify-content: flex-start; margin-top: 0; margin-bottom: 5px; } .service-slider-sec { padding-top: 30px; padding-bottom: 30px; min-height: 133px; background-position: right; } .blog-popup .modal-body form .form-group textarea { padding: 8px 15px !important;  } .modal-dialog .modal-content .wpcf7-form-control-wrap { padding: 2px 0px !important; } .blog-popup .modal-body form .form-group input { margin-bottom: 0px !important; } .popup-row .leftdb { display: none; }  .process-slide-sec .urgent-card .row {   display: block }
.pro_slide_img { height: auto; margin: auto; display: block; width: 114px !important;}
.testimonial-slider .item { height: auto; margin-bottom:20px;}
.banner-text img {width:100%; height:auto;}
.hm-about-sec img {width:372px; height:276px;}}
@media(max-width:676px) { .container .navbar-collapse { float: none; margin-left: 0; margin-right: 0 } .navbar-collapse .navbar-nav > li { border-bottom: 1px solid #ddd } .navbar-collapse .navbar-nav li:last-child { border-bottom: 0 } .navbar-collapse .navbar-nav > li > a { line-height: 26px } .slider-sec { padding-top: 0 } .banner-text h1, .banner-text h2 { font-size: 25px } .banner-text p { font-size: 13px } .title-heading h1, .title-heading h2 { font-size: 22px } .title-heading .title-border-light { top: 56px } .buisiness-page-sec .title-heading .title-border-light, .hm-about-sec .title-heading .title-border-light { top: 32px } .business-title br, .quckform-icon { display: none } .hm-about-sec h3 { margin-top: 20px } .foote-link ul { margin-bottom: 20px } .service-slider-sec { padding-top: 30px; padding-bottom: 30px; min-height: 133px; background-position: right; } .service-slider-sec .page-breadcrumb, .topbar .text-right { text-align: left } .contact-details { padding-top: 20px } .feature .fbox-over .fbox-content { opacity: 1; transition: opacity .4s } .feature .fbox-over { transform: translate(0, 0); bottom: 0 } .feature .fbox-over .fbox-content p { margin-bottom: 0 } .topbar { height: auto } .panel-item-activitie.panel-frm .panel-calc-table .col-md-3 { margin-bottom: 15px }}
@media(min-width:992px) { .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .nav > li > a.active, .nav > li > a:focus, .nav > li > a:hover { color: #ed1b23; background: 0 0 } .sticky { position: fixed; z-index: 999; left: 0; width: 100%; top: 0; background: #fff; border-bottom: 1px solid #ddd } .regno { padding-top: 15px; padding-left: 5px } .header ul > li > ul.dropdown-menu { box-shadow: 0 0 0; width: 250px; padding: 0 } .header ul > li:hover > ul.dropdown-menu { display: block } .panel-item-activitie.panel-frm .panel-calc-table .col-md-3 { width: 33.33% } .panel-item-activitie.panel-frm .panel-calc-table .col-md-3:nth-of-type(3) { width: 21.5% } .panel-item-activitie.panel-frm .panel-calc-table .col-md-3:last-child { width: 11.5% } .tab-pane h2.fixed-header { width: 944px }}
#GoTopbutton { display: inline-block; background-color: red; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 5px; right: 0; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;}
#GoTopbutton::after { content: "\f077"; font-family: FontAwesome; font-weight: 400; font-style: normal; font-size: 2em; line-height: 50px; color: #fff}
#GoTopbutton:hover { cursor: pointer}
#GoTopbutton:active { background-color: #555}
#GoTopbutton.show { opacity: 1; visibility: visible}
.content { width: 77%; margin: 50px auto; font-family: Merriweather, serif; font-size: 17px; color: #6c767a; line-height: 1.9}
@media (min-width:500px) { .content { width: 43% } #button { margin: 30px }}
.content h1 { margin-bottom: -10px; color: #03a9f4; line-height: 1.5}
.content h3 { font-style: italic; color: #96a2a7}
.table-design tr th { padding: 5px 15px; color: #fff; font-size: 16px; background-color: #353535}
.table-design tr td { padding: 15px; color: #252525; font-size: 16px}
.table-design tr td:nth-child(2n) { color: #87ba2a; font-weight: 700}
.table-design tr td:last-child { color: #ca0000; font-weight: 700}
.page-404 { text-align: center; padding: 80px 0; color: #000}
.page-404 h1 { font-size: 250px; font-weight: 300; color: #ed1b23; line-height: 220px; padding: 0; margin: 0}
.page-404 h1 ~ div { font-size: 24px; letter-spacing: 4px; color: #252525; display: block; padding: 25px}
.page-404 a { display: block; width: 200px; text-align: center; margin: 0 auto; background: #ddd; color: #000; border-radius: 5px; padding: 10px 15px}
.leftdb p, .logo-form p { padding-top: 5px}
.page-404 a:hover { background: #252525; color: #fff}
.service-slider-sec .col-md-3, .service-slider-sec .col-md-6 { width: 100%}
.service-slider-sec .page-breadcrumb ul { text-align: left}
.gen-feature-box { padding: 30px 10px; position: relative; text-align: center; margin-bottom: 30px}
.gen-feature-box:after, .gen-feature-box:before { content: ''; position: absolute; width: calc(100% - 35px); height: calc(100% - 35px); border: 1px solid #999; pointer-events: none; transition: .33s}
.gen-feature-box:before { top: 0; left: 0; border-width: 1px 0 0 1px}
.gen-feature-box:after { bottom: 0; right: 0; border-width: 0 1px 1px 0}
.gen-feature-box h3, .gen-feature-box h5 { line-height: 1.11111; font-size: 16px; font-weight: 700; color: #050521; margin: 0 0 10px; position: relative}
.gen-feature-box:hover:after, .gen-feature-box:hover:before { width: 100%; height: 100%; border-color: #ef5b71}
.gen-feature-box p { line-height: 20px; margin: 0 auto; color: #333; font-size: 14px; min-height: 60px}
.why-choose-cricle-sec { background: #fff; padding-top: 50px; padding-bottom: 50px; position: relative; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd}
.why-choose-cricle-sec h2 { font-size: 30px; color: #354168; font-weight: 700; padding-bottom: 8px; margin: 0 0 30px; position: relative}
.buisiness-page-sec p, .faq-hm-s p, .why-choose-cricle-sec p { font-size: 15px; line-height: 24px; margin: 0 0 15px; text-align: justify}
.why-choose-cricle-sec h2:before { content: ''; display: block; width: 80px; height: 3px; background: #ef5b71; left: 0; right: 0; margin: auto; top: 100%; position: absolute}
.tabs-container .tabs-menu { float: left; clear: both; width: 100%; position: relative; list-style: none; margin: 0; padding: 0; min-height: 331px}
.process-slide-sec h2:before, .spanheading:before { content: ''; display: block; width: 50px; height: 3px; left: 0; right: 0; top: 100%}
.tabs-container .tabs-menu:before { width: 530px; height: 268px; border-top-left-radius: 506px; border-top-right-radius: 506px; border-bottom: 0; content: ""; position: absolute; margin: auto; left: 0; right: 0; background: #333; z-index: 1; top: 0}
.tabs-container .tabs-menu:after { width: 526px; height: 268px; background-color: #fff; border-top-left-radius: 542px; border-top-right-radius: 542px; border-bottom: 0; content: ""; position: absolute; margin: auto; left: 0; right: 0; top: 2px; z-index: 2}
.tabs-container .tabs-menu li { float: left; position: relative; z-index: 6}
.tabs-container .tabs-menu li span { padding: 0; display: inline-block; color: #000; font-size: 18px; font-weight: 500}
.tabs-container .tabs-menu li span strong { font-weight: 400; display: block; clear: both; font-size: 14px; color: #354168; text-transform: capitalize}
.tabs-container .tabs-menu li span:before { position: absolute; width: 17px; height: 17px; border: 2px solid rgba(255, 255, 255, .4); content: ""; right: 0; top: 0; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #de282a; -webkit-transition: .3s; -khtml-transition: all 0.3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s}
.tabs-container .tabs-menu li.current { z-index: 5}
.tabs-container .tabs-menu li.current a:before { position: absolute; width: 23px; height: 23px; border: 4px solid rgba(255, 255, 255, .99); top: -3px}
.tabs-container .tabs-menu li:first-child { position: absolute; top: 45px; left: 204px; width: 178px}
.tabs-container .tabs-menu li:first-child span:before { right: -55px; top: 4px}
.tabs-container .tabs-menu li:nth-of-type(2) { position: absolute; top: 45px; right: 114px; width: 210px}
.tabs-container .tabs-menu li:nth-of-type(2) span:before { right: auto; left: -98px; top: 4px; background: #de282a}
.tabs-container .tabs-menu li:nth-of-type(3) { position: absolute; top: 158px; left: 156px; width: 180px}
.tabs-container .tabs-menu li:nth-of-type(3) span:before { right: -20px; top: 4px}
.tabs-container .tabs-menu li:nth-of-type(4) { position: absolute; top: 150px; right: 79px; width: 170px}
.tabs-container .tabs-menu li:nth-of-type(4) span:before { right: auto; left: -93px; top: 4px; bottom: 0; background: #de282a}
.tabs-container .tabs-menu li:nth-of-type(5) { position: absolute; bottom: 32px; left: 104px; width: 192px}
.tabs-container .tabs-menu li:nth-of-type(5) span:before { right: -40px; top: 4px}
.tabs-container .tabs-menu li:last-child { position: absolute; bottom: 32px; right: 74px; width: 170px}
.tabs-container .tabs-menu li:last-child span:before { right: auto; left: -77px; top: 25px; background: #de282a}
.whychoose-img img { position: absolute; left: 0; right: 0; margin: auto; bottom: 120px; z-index: 6; text-align: center; max-width: 55%}
.process-slide-sec { display: block; clear: both; background: #0196a0; padding-top: 50px; padding-bottom: 50px}
.process-slide-sec h2, .spanheading { font-size: 30px; padding-bottom: 5px; font-weight: 600; margin: 0 0 40px; position: relative; color: #fff; text-align: center}
.process-slide-sec h2:before { background: #fff; margin: auto; position: absolute}
.spanheading { display: block}
.process-slide-sec h3, .ribbon-bg { font-weight: 500; text-transform: uppercase}
.spanheading:before { background: #fff; margin: 10px auto auto; position: absolute}
#myModal .close, .timerpopup .close { top: -15px; right: -15px; position: absolute}
#productCarousel .carousel-indicators { bottom: -40px; z-index: 1 !important}
#productCarousel .carousel-indicators li { border: 1px solid #fff; width: 10px; height: 10px}
.urgent-card { background: #fff; box-shadow: 0 30px 60px rgba(0, 0, 0, .1); border-radius: 8px; padding: 25px; height: 100%}

.ribbon-bg { background: linear-gradient(270deg, #1e90d6 0, #099 100%); color: #fff; font-size: 13px; line-height: 28px; width: 200px; height: 28px; text-align: center; border-radius: 20px; letter-spacing: .5px; margin-top: 10px}
.process-slide-sec h3 { font-size: 18px; margin-bottom: 0; line-height: 30px; color: #046366}
.process-slide-sec p { font-size: 17px; line-height: 25px; font-weight: 400; letter-spacing: .1px; color: #606060}
#productCarousel .carousel-control.left, #productCarousel .carousel-control.right { background-image: none}
#productCarousel .carousel-control .glyphicon-chevron-left, #productCarousel .carousel-control .icon-prev { margin-left: -125px; color: #fff}
#productCarousel .carousel-control .glyphicon-chevron-right, #productCarousel .carousel-control .icon-next { margin-right: -125px; color: #fff}
#myModal .modal-dialog { margin: 70px auto 30px}
#myModal .close { background: #fff; opacity: 1; width: 25px; height: 25px; border-radius: 50px}
#myModal .modal-body { padding: 0}
.modal-backdrop.in { opacity: .8}
blockquote { padding: 0; border: 0; margin: 0}
.modal-content { width: inherit; height: inherit; margin: 0 auto}
.leftdb { background: #3b0c04; text-align: center; height: 100%}
.timerpopup .modal-body { padding: 0; display: flex}
.timerpopup .form-control { border-radius: 0; box-shadow: 0 0 0; border-color: #ebebeb; background: #f4f4f4}
.timerpopup textarea.form-control { height: 100px}
.timerpopup .form-group { margin-left: 30px; margin-right: 30px}
.logo-form { text-align: center; padding: 15px 0 20px}
.timer-dudate-icon { padding-top: 100px; padding-bottom: 10px}
.leftdb p { color: #fff; font-size: 16px}
.leftdb h4, .leftdb h5 { padding: 5px 10px; display: inline-block}
.leftdb h4 { background: #ffeec5; color: #380f02; font-size: 26px; margin: 0}
.leftdb h5 { background: #ffd077; color: #0a0000; font-size: 18px; margin: 30px 0 0}
.timerpopup .close { background: #ed1b23; border-radius: 50px; opacity: 1; height: 40px; width: 40px; text-shadow: 0 0 0; color: #fff}
.leftdb h4 { margin-top: 20px !important; line-height: 40px !important}

@media(min-width:320px) and (max-width:768px) { .tabs-container .tabs-menu li span, .whychoose-img, .whychoose-img img { position: relative } .why-choose-cricle-sec h2 { font-size: 24px; margin: 0 0 20px } .tabs-container .tabs-menu li:first-child, .tabs-container .tabs-menu li:last-child, .tabs-container .tabs-menu li:nth-of-type(2), .tabs-container .tabs-menu li:nth-of-type(3), .tabs-container .tabs-menu li:nth-of-type(4), .tabs-container .tabs-menu li:nth-of-type(5) { position: relative; width: 100%; top: auto; bottom: 0; left: 0; display: block; clear: both } .tabs-container .tabs-menu li span:before { background: 0 0; border: 0; border-radius: 0 } .tabs-container .tabs-menu li.current { padding-bottom: 10px } .tabs-container .tabs-menu:after, .tabs-container .tabs-menu:before { border-top-right-radius: 0; border-top-left-radius: 0; width: auto; background: 0 0; min-height: inherit } .whychoose-img { width: auto; margin-bottom: 20px; bottom: 0 } .whychoose-img img { bottom: 0; text-align: center; display: block } .urgent-card { height: auto } .process-slide-sec h2 { font-size: 22px } .process-slide-sec h3 { font-size: 14px; line-height: 20px } .urgent-card img { margin-bottom: 15px } .modal-dialog { width: 90% } .tabs-container .tabs-menu { min-height: auto }}

.lightbox-overlay {z-index:999999!important;} .dash-gallary {padding:40px 0;}
.dash-gallary .title-heading {margin-bottom: 30px; text-align: center;}
.dash-gallary .mb-15 {margin-bottom: 10px;}
.dash-gallary .img-fluid {max-width: 100%;}
.dash-gallary img {background: #fff; padding: 5px; box-shadow: none; border:1px solid rgba(0,0,0,0.2); transition:all 0.2s;}
.dash-gallary img:hover {box-shadow: 0 0 20px #ccc;}
.dash-gallary-professional {padding:0px 0;margin-bottom: 30px;}
.dash-gallary-professional .title-heading {margin-bottom: 30px; text-align: center;}
.dash-gallary-professional .mb-15 {margin-bottom: 30px;}
.dash-gallary-professional .img-fluid {max-width: 100%;}
.dash-gallary-professional img {background: #fff; padding: 5px; box-shadow: none; border:1px solid rgba(0,0,0,0.2); transition:all 0.2s;}
.dash-gallary-professional img:hover {box-shadow: 0 0 20px #ccc;}
.desc {display:none;}
.Quotation-popup{}
.Quotation-popup .modal-header{background: #ed1b23;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.Quotation-popup .modal-header h5{color:#fff; display:inline-block;font-size: 16px;}
.Quotation-popup .modal-header .close{font-size: 28px; color: #fff;opacity: 1;}
.Quotation-popup .form-group{margin-right:0; margin-left:0;margin-bottom:15px;}
.Quotation-popup .form-group:last-child{margin-bottom:0;}
.Quotation-popup .form-control{border-color:#ccc; height:40px; border-radius:4px; box-shadow:0 0 0;background-color: transparent !important;}
.Quotation-popup .btn-primary{height:40px;margin-top:0px; background:#ed1b23; border-color:#ed1b23;}
.btn-Quot{height:30px;margin-top:30px; background:#ed1b23; border-color:#ed1b23; padding:5px 15px;font-size: 13px;}
.Quotation-popup .modal-dialog{min-height: calc(100% - 3.5rem);margin: 1.75rem auto;transform: none;display: flex; align-items: center;}