font-face {
    font-family: 'Gobold';
    src: url('./fonts/Gobold Regular.otf') format('opentype');
}


font-face {
    font-family: 'Gothic821 Cn BT';
    src: url('./fonts/Gothic821CondensedBT-Regular.woff2') format('woff2'),
        url('./fonts/Gothic821CondensedBT-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica 45';
    src: url('./fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('./fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('./fonts/Helvetica.woff2') format('woff2'),
        url('./fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica-Condensed';
    src: url('./fonts/Helvetica-CondensedBold.woff2') format('woff2'),
        url('./fonts/Helvetica-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Roboto', sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
  scroll-padding-top: 70px; /* height of sticky header */
}

/* Ultimately, this is the correct place for scroll-padding */
html {
  scroll-padding-top: 70px; /* height of sticky header */
}

.site-header.topmain{	border-bottom: 1px solid #f2f2f2;}
.site-header.topmain.norm {
    width: 100%;
    left: 0;
    z-index: 9;
    transition: all ease 1s;

}

.site-header.topmain.navfixed {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
}

.site-header.topmain .navbar ul li a.nav-link {
    color: #000000;
    font-weight: 500;
    padding: 0px 26px;
    font-size: 14px;
}

.site-header.topmain .navbar ul li span {
    font-size: 14px;
    color: #1c3f71;
    font-weight: 500;
    padding: 0px 12px;
	    float: left;
		    font-weight: 700;
}

.site-header.topmain .navbar ul li span img {
    width: 15px;
}

.site-header.topmain .navbar ul li span:nth-child(1) {
    border-right: 2px solid;
}

.site-header.topmain .navbar-light .navbar-brand img {
    width: 103px;
}

.toll-sets img {
    width: 94px;
}

.site-header.topmain .navbar ul li .nav-link.buy-cta {
    border: 2px solid #ed1d24;
    border-radius: 20px;
    color: #000;
	 font-weight: 700;
}

span.tollfrees {
    color: #dc1b1b;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 15px;
    border-right: 1px solid #7b7474;
    padding-right: 15px;
}

span.tollfrees img {
    width: 20px;
    margin-right: 10px;
}

.toll-sets {
    text-align: center;
}

.toll-sets p {
    margin: 0;
    color: #82777a;
}

a.tellbigsnum {
    color: #50451d;
    font-size: 40px;
    font-weight: 600;
	    text-decoration: none;
}

span.whtsps img {
    width: 18px;
	    filter: brightness(0%) invert(0.4);
		margin-right: 8px;
}

span.whtsps a {
    color: #666;
}

.homebanner {position: relative;height: 590px;overflow: hidden;display: flex;flex-direction: column;}

.homebanner .desktopadapts {width: 100%;position: absolute;top: 0;}

.banner-content {
    padding: 18% 0;
}

.homebanner .container {
    margin: auto auto auto  auto;
}

.banner-content h1{
	    position: relative;
		    color: #fff;
			margin: 0 0 40px 0;
}

.banner-content h1 span {
    font-weight: 700;
}

.banner-content p{ color: #fff;}

.banner-content h1:before {
    content: "";
    position: absolute;
    left: 0;
   width: 97px;
    border-bottom: 5px solid #fff;
    bottom: -10px;
}

.automatehome {
    padding: 50px 0;
}

p {
    color: #000;
    font-size: 15px;
    margin: 0 0 15px 0;
}

.boraxter ul {
    background: #ffcc0b;
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 9px 0;
    width: 89%;
    margin: auto;
    position: relative;
}

.boraxter ul li {
    margin: auto;
    position: relative;
    padding: 0 23px;
}

.boxico-thm {
    display: flex;
}

.text-icon {
    margin: auto 5px;
    text-align: center;
}

.text-icon h5 {
      text-transform: uppercase;
      font-size: 17px;
      color: #000;
}

.boraxter ul li:after {content: "";position: absolute;right: 0;border-right: 2px solid #0b79bf;height: 100%;top: 0;}

.boraxter ul li:last-child:after {
    border-right: 0px solid #0b79bf;
}

.boraxter ul:after {
    content: "";
    position: absolute;
    right: -15px;
    border-right: 6px solid #0b79bf;
    height: 100%;
    top: 0;
}

.boraxter ul:before {
    content: "";
    position: absolute;
    left: -15px;
    border-right: 6px solid #0b79bf;
    height: 100%;
    top: 0;
}


.boraxter {
    position: relative;
    bottom: 11px;
}

.abts-pads h2 span {
	    color: #000;
		    font-weight: 600;
}

.abts-pads h2 {
   font-size: 30px;
    color: #ed1c24;
	position: relative;
	margin-bottom: 40px;
	    font-weight: 700;
}

.abts-pads h2:after {
        content: "";
        position: absolute;
        left: 0;
        width: 60px;
        border-bottom: 4px solid #ed1c24;
        bottom: -10px;
}

.abts-pads p {
    font-size: 15px;
	    margin: 25px 0;
}

.enquirecod {
    position: relative;
}

.enquirecod img {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.form-enquires {
    padding: 0px;
}

.form-enquires h3 {
    color: #ffcc0b;
    font-size: 43px;
}

.form-enquires  p {
    color: #fff;
    font-size: 20px;
}

.form-enquires .form-group input, .form-enquires .form-group select, .form-enquires .form-group textarea {
    background: #f9f9f9;
    border: none;
    border-bottom: none;
    border-radius: 20px;
    font-size: 14px;
}

.abts-pads {
    padding-top: 50px;
}

.form-enquires .form-group input::placeholder,
.form-enquires .form-group select, .form-enquires .form-group textarea::placeholder{    color: #62666b;}

.form-enquires .form-control:focus {
    box-shadow: none;
}

button.yello-cta {
       background: #ea1f27;
    border: none;
    color: #fff;
    text-transform: uppercase;
    float: left;
    padding: 3px 23px;
    border-radius: 20px;
}

.form-enquires .form-group select option {
    color: #000;
}

.leftcover {height: 100%;width: 100%;height: 600px;}

.rightcover {width: 100%;height: 600px;}

img.backcover {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -2;
    width: 100%;
    margin: auto;
}

img.leftcv {
    position: relative;
    top: 100px;
    float: right;
    right: 23px;
}

img.rightcv {
    position: relative;
    top: 100px;
    float: left;
    left: 22px;
}

section.warenty-sect {
    padding: 100px 0 0 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 70px;
}

.white-patts h5 {
    text-transform: uppercase;
    color: #000;
    font-size: 32px;
    margin: 40px 0;
    text-align: center;
}

.white-patts h5 span {
    color: #ffbc08;
}

.white-patts ul {
    list-style-type: none;
    padding: 0;
}

.white-patts .boxico-thm .text-icon {text-align: left;margin: 0;float: left;width: 77%;}

.white-patts .boxico-thm .text-icon h5 {
    margin: 0 0;
    font-size: 21px;
    text-align: left;
}

.white-patts .boxico-thm .text-icon p{    
font-size: 15px;    
font-family: 'Helvetica';
    color: #4e4646;
}

.white-patts .boxico-thm  .icon-thm {
    float: left;
    width: 47px;
    overflow: hidden;
    margin-right: 20px;
    text-align: center;
}

.white-patts {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 328px;
    background: #fff;
    padding: 0 24px;
    z-index: 6;
    height: 100%;
} 

footer.sitefooter {
    background: #171e26;
    padding: 50px 0 0;
}

.socialico ul li {
    display: block;
    margin: 10px 0 ;
}

.socialico ul li img {
    width: 30px;
    box-shadow: 0px 0px 3px 0px;
    height: 30px;
    border-radius: 100%;
}

.socialico ul {
    list-style-type: none;
    padding: 0;
}

.socialico {
    text-align: center;
}

.copyright {
    margin-top: 40px;
    border-top: 1px solid #282f35;
    padding: 7px 0;
}

.copyright p, .copyright a, .copyright span, .copyright {
    color: #747373;
    font-size: 12px;
}

.credits {
    text-align: right;
}

.leftcover, .rightcover {
    height: 626px;
}

.homebanner  .mobileadapts {
	display:none;
}

.homebanner .tabletadapts {
	display:none;
}

.abts-pads.boldonly .mnhda {
    color: #000;
}


.redwall {
    background: #ea1f27;
    position: relative;
}

.redwall .boldonly.whtbdr .mnhda {
    color: #fff;
}

.redwall .boldonly.whtbdr .mnhda::after {
    border-bottom: 4px solid #ffffff;
}

.whtswall .abts-pads, .redwall .abts-pads {
    padding: 0;
}

.whtswall, .redwall {
    padding: 20px;
	    height: 337px;
}

.blockbottom {
    position: absolute;
    bottom: 0;
    right: 36px;
   width: 297px;
}

.buynwcta {
    text-decoration: none;
    background: #fff;
    color: #ea1f27;
    text-transform: uppercase;
    font-weight: 700;
    padding: 7px 20px;
    border-radius: 20px;
    font-size: 18px;
}

.buynwcta:hover {
    text-decoration: none;
    color: #000;
}


.whycenturypls .abts-pads h2 span {
    display: inline-block;
    margin-right: 8px;
}


.whycenturypls {
    position: relative;
    height: 600px;
	background: #e6e6e6;
    overflow: hidden;
}

.desktpss {
    position: absolute;
    width: 100%;
    top: 0;
}

.handfree {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 818px;
}


.vidofrms {
    text-align: center;
    background: #f3f3f3;
    padding: 20px;
}

.vidofrms .mnfrms {
    width: 100%;
    height: 600px;
}

.abouts-sainik {
    padding: 80px 0;
}

.abouts-sainik .abts-pads {
    padding: 0;
}


.abouts-sainik .col-lg-6 {flex: auto;max-width: 47%;margin: auto;}
a.telcd {
    text-decoration: none;
    color: #1c3f71;
}


.enquire-btn {
    position: fixed;
    top: 23%;
    right: 0;
    color: #fff;
    text-align: center;
    padding: 7px 6px;
}

.enquire-btn a {
    display: inline;
    color: #fff;
    font-size: 14px;
	text-decoration: none;
}

.usp-sainik {
    background: #f8f8f8;
    padding: 80px 0;
    margin: 80px 0 0 0;
}

.usp-sainik .abts-pads {
    padding-top: 0;
}

.pro li {
    width: 33%;
    display: inline-block;
    margin: 15px 0;
}

.pr-img {
    width: 77px;
    /* align-self: center; */
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}

.pro li p {
    width: calc(100% - 114px);
    display: inline-block;
    margin-left: 14px;
    margin-bottom: 0;
}

.pro ul {
    padding: 0;
}


.usp-sainik .form-enquires .form-group input, .usp-sainik .form-enquires .form-group select, .usp-sainik .form-enquires .form-group textarea {
    background: #ffffff;
}

.usp-sainik .whtswall, .usp-sainik .redwall {
    padding: 0;
    height: auto;
}

.abts-pads.text-center.cnts  h2:after {
    right: 0;
    margin: auto;
}


.maintextinf {
    max-width: 1200px;
    margin: auto;
}

.tpblocks {
    max-width: 1024px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

 .commonmythssho {
    background: #eef1f5;
    padding: 13px 0;
}

.commonmythssho {
    width: 100%;
    display: inline-block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: #f5f2f2 0px -4px 7px 1px;
    padding: 5px 17px;
    border: 1px solid #dedede;
    border-bottom: none;
}

 .textmidsa {
    text-align: left;
    border: 2px solid #eef1f5;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
}

.commonmythssho .abts-pads h2 {
    margin: 7px  0;
    font-size: 18px;
    text-align: center;
}

.commonmythssho .abts-pads h2 span {
    display: inline-block;
}

.commonmythssho .abts-pads h2::after {
    margin: auto;
    right: 0;
    border-bottom: 3px solid #ed1c24;
    bottom: -7px;
}


.textmidsa {
  /*   min-height: 218px; */
}


.textmidsa ul li {
    font-size: 15px;
}


.faqaskvdsd.tdxs.whataboueys .card {
    background: #f7f7f7;
	    border: none;
		    border-radius: 5px;
}

.faqaskvdsd .card {
    border: 1px solid #dedede;
    box-shadow: #dedede 0px 0px 7px 0px;
    border-radius: 20px;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 0px;
}

.faqaskvdsd.tdxs.whataboueys .card .card-header {
    background: transparent;
    min-height: auto;
}

.faqaskvdsd.tdxs.whataboueys .maintextinf .card-body p {
    padding:0;
    margin-bottom: 1.2rem;
}

.faqaskvdsd.tdxs.whataboueys  .card-body{
    padding: 10px 21px;
    border: none;
}

.faqaskvdsd.tdxs.whataboueys  .card-body{
	background: #fff;
}

.faqaskvdsd.tdxs.whataboueys .collapse.show .card-body{
	    border: none;
		
}


.faqaskvdsd .card-header button {
    text-align: left;
    padding: 0px 0px;
    color: #000;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    align-items: center;
    display: flex;
    font-weight: 600;
    width: 100%;
} 

.faqaskvdsd .card-header button i {
    float: right;
    color: #000;
    margin-left: auto;
}

.faqaskvdsd .card-header button.btn.btn-link.collapsed .fa-chevron-up {
    display: none;
}


.faqaskvdsd .card-header button.btn.btn-link.collapsed .fa-chevron-down {
    display: block;
}

.faqaskvdsd .card-header button.btn-link .fa-chevron-down {
    display: none;
}

.ourinits {
   background-image: linear-gradient( 146deg , #ed1d24 0%, #8a2428 50%, #ce1f25 75%, #d21f25);
       background: url('./images/banner gradient 1.jpg');
}

.whtcrdsa {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: #857878 0px 0px 7px 0px;
}

.abouts-sainik .whtcrdsa .abts-pads h2 span {
    font-weight: 600;
}

.footerbottoms{
        position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 15px 0;
    z-index: 8;
}

.footerbottoms p img {
    width: 50px;
    position: relative;
    top: -6px;
}

.footerbottoms p {
    margin: 0;
        font-weight: 600;
}

.letsextbs {
    background: #eef1f5;
    margin-bottom: 80px;
}

.letsextbs .textmidsa {
    background: #fff;
    border-radius: 15px;
    margin-top: 65px;
}

.letsextbs .textmidsa .abts-pads h2 {
    font-size: 20px;
    margin-top: 33px;
}

.abouts-sainik.redstrips .abts-pads h2::after {
    border: none;
}

.abouts-sainik.redstrips .abts-pads h2 {
    display: inline-block;
    background: #ed1c24;
    color: #fff;
    padding: 5px 15px;
}

.abouts-sainik.redstrips .abts-pads h2 span {
    color: #fff;
}

/* css for strip game */

.pinkstripsd .container.text-center {
    display: flex;
}

.pinkstripsd {
    background: #ee1f25;
    padding: 16px 0;
}

.pinkstripsd h5.submds {
    color: #fff;
    font-weight: 600;
    margin: auto;
    margin-right: 25px;
    text-transform: uppercase;
        font-size: 25px;
}

.pinkstripsd a {
    padding: 5px 19px;
    background: #fff;
    color: #000;
    font-weight: 600;
    border-radius: 20px;
    margin: auto;
    margin-left: 0;
        font-size: 18px;
}


/* responsive for mobile */

@media screen and (max-width: 767px) and (min-width: 320px){
    
  .pinkstripsd h5.submds {
    font-size: 17px;
    margin: auto 3px;
    margin-bottom: 10px;
}

.pinkstripsd a {
    font-size: 16px;
    padding: 4px 20px;
    display: inline-block;
}

.pinkstripsd .container.text-center {
    padding: 0;
    display: block;
}

.pinkstripsd {
    padding: 11px 0;
}  
    
	body {
  scroll-padding-top: 55px; /* height of sticky header */
}

/* Ultimately, this is the correct place for scroll-padding */
html {
  scroll-padding-top: 55px; /* height of sticky header */
}

.vidofrms .mnfrms{
        height: 194px;
}

.site-header.topmain .navbar ul li {
    margin-bottom: 10px;
}

.site-header.topmain .navbar ul li a.nav-link {
    padding: 0 0;
}

.site-header.topmain .navbar ul li .nav-link.buy-cta {
    padding: 0 16px;
}

.site-header.topmain .navbar ul li span {
    padding: 0 7px 0 7px;
}

	.abouts-sainik .col-lg-6 {
    flex: auto;
    max-width: 100%;
    margin: 0 0 30px 0;
}

.abouts-sainik {
    padding: 40px 0;
}

.whycenturypls {
    height: 345px;
}

.whycenturypls .handfree {
    max-width: 90%;
}

.whycenturypls .abts-pads {
    padding-top: 25px;
}

.whtswall {
    height: auto;
	padding: 20px 0;
}

.abts-pads .blockbottom {
    width: 192px;
    margin: 0;
}

.abts-pads h2 {
    font-size: 23px;
}

	.toll-sets {
    float: right;
}

	.homebanner .desktopadapts {
    display: none;
}

.homebanner  .mobileadapts {
        width: 100%;
    position: absolute;
    top: 0;
    display: block;
}

.homebanner:after {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    height: 100%;
   
}

.textmidsa ul {
    padding: 0 15px;
}

.faqaskvdsd .card-header button {
    font-size: 16px;
}

.banner-content {
    position: relative;
    z-index: 3;
}

	.homebanner {
    height:354px;
}

.homebanner .container {
    margin: 0;
}

.banner-content h1 {
    font-size: 27px;
}

.boraxter {
    display: none;
}

.abts-pads img {
    width: 100%;
    margin-bottom: 40px;
}

.white-patts {
    position: relative;
    max-width: 95%;
}

img.rightcv {
    width: 86%;
    left: 35px;
}

.leftcover, .rightcover {
    height: 400px;
}

img.leftcv {
    width: 86%;
    right: 6px;
}

.socialico ul li img {
    width: 32px;
}
}

@media screen and (max-width: 767px) and (min-width: 375px){
	.homebanner {
    height: 367px;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.boraxter {
    display: none;
}

.blockbottom{    width: 220px;}

.handfree{    max-width: 720px;}
.banner-content h1 {
    font-size: 33px;
}

.abts-pads h2{
	    font-size: 25px;
}
.homebanner {
      height: 690px;
}

.white-patts {
    max-width: 291px;
}

img.rightcv, img.leftcv {
    width: 59%;
}

img.rightcv {
    left: 10px;
}

img.leftcv {
    right: 8px;
}

.white-patts .boxico-thm .text-icon h5 {
    font-size: 18px;
}

.homebanner .desktopadapts {
    display: none;
}

.homebanner .tabletadapts {
    width: 100%;
    position: absolute;
    top: 0;
	display:block;
}

.homebanner:after {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    height: 100%;
   
}

.banner-content {padding: 18% 7%;    position: relative;
    z-index: 3;}

.homebanner .container {
    margin: 44px auto auto auto;
}

}


@media screen and (max-width: 3000px) and (min-width:1600px){
	p, .textmidsa ul li{
	    font-size: 17px;
	}
	
	
}

@media screen and (max-width: 3000px) and (min-width:1920px){
	.homebanner{
		height: 790px;
	}
}