/******************************
 *     SS Group India     *
 ******************************/
body{
      margin: 0; padding: 0; background-color: #f2f2f2;
}
div, p, span, h1, h2, h3, h4, h5, h6, table, tr, td, th, ul, li, ol, small,header, footer, section, article, aside, caption, fieldset, figure,
input, textarea, select, button{
      font-family: 'Open Sans', sans-serif;
}
.brd{border: 1px solid #ccc}
.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f22{font-size: 22px}
.f25{font-size: 25px}
.f28{font-size: 28px}
.f30{font-size: 30px}

.f300{font-weight: 300}
.f400{font-weight: 400}
.f600{font-weight: 600}
.f700{font-weight: 700}
.f800{font-weight: 800}

.p0{padding:0;}
.p5{padding: 5px;}
.pt5{padding-top: 5px} .pt10{padding-top: 10px} .pt15{padding-top: 15px} .pt20{padding-top: 20px} .pt25{padding-top: 25px} .pt30{padding-top: 30px} .pt35{padding-top: 35px} .pt40{padding-top: 40px}
.pl5{padding-left: 5px} .pl10{padding-left: 10px} .pl15{padding-left: 15px} .pl20{padding-left: 20px} .pl25{padding-left: 25px} .pl30{padding-left: 30px} .pl35{padding-left: 35px} .pl40{padding-left: 40px}
.pr5{padding-right: 5px} .pr10{padding-right: 10px} .pr15{padding-right: 15px} .pr20{padding-right: 20px} .pr25{padding-right: 25px} .pr30{padding-right: 30px} .pr35{padding-right: 35px} .pr40{padding-right: 40px}
.pb5{padding-bottom: 5px} .pb10{padding-bottom: 10px} .pb15{padding-bottom: 15px} .pb20{padding-bottom: 20px} .pb25{padding-bottom: 25px} .pb30{padding-bottom: 30px} .pb35{padding-bottom: 35px} .pb40{padding-bottom: 40px}

.m0{margin:0;}
.m5{margin: 5px;}
.mt5{margin-top: 5px} .mt10{margin-top: 10px} .mt15{margin-top: 15px} .mt20{margin-top: 20px} .mt25{margin-top: 25px} .mt30{margin-top: 30px} .mt35{margin-top: 35px} .mt40{margin-top: 40px}
.ml5{margin-left: 5px} .ml10{margin-left: 10px} .ml15{margin-left: 15px} .ml20{margin-left: 20px} .ml25{margin-left: 25px} .ml30{margin-left: 30px} .ml35{margin-left: 35px} .ml40{margin-left: 40px}
.mr5{margin-right: 5px} .mr10{margin-right: 10px} .mr15{margin-right: 15px} .mr20{margin-right: 20px} .mr25{margin-right: 25px} .mr30{margin-right: 30px} .mr35{margin-right: 35px} .mr40{margin-right: 40px}
.mb5{margin-bottom: 5px} .mb10{margin-bottom: 10px} .mb15{margin-bottom: 15px} .mb20{margin-bottom: 20px} .mb25{margin-bottom: 25px} .mb30{margin-bottom: 30px} .mb35{margin-bottom: 35px} .mb40{margin-bottom: 40px}




.str1{color: #ed1c24}
.str2{color: #ffcb05}
.str3{color: #6d6d6d}
.str4{color: #fff}
.str5{color: #000}

.bg1{background-color: #ed1c24}
.bg2{background-color: #ffcb05}
.bg3{background-color: #6d6d6d}
.bg4{background-color: #fff}
.bg5{background-color: #000}


/*   Header  Css  */

header{
      background-color: #fff; padding: 10px 0 15px;
}



.contactinfo-section{
      text-align: right;padding: 10px 0 0;
}
.contactinfo-section .contact-left{
      display: block; font-size: 15px; color: #6d6d6d;font-weight: 600;
}
.contactinfo-section .contact-left a{
       color: #6d6d6d; display:  block; text-decoration: none
}
.contactinfo-section .contact-left div + div{
      padding-top: 10px;
}
.contactinfo-section .contact-right{
      border-left: 1px solid #d9d9d9;
}
.contactinfo-section .contact-right a{
      display: block; color: #6d6d6d; font-size: 21px;text-align: left; font-weight: 600;  text-decoration: none;padding-top: 5px;
}
.contactinfo-section .contact-right a .fas{
      font-size: 27px; float: left; position: relative;top:8px; margin-right: 5px;
}
.contactinfo-section .contact-right a .text{
      font-size: 13px; display: block; font-weight: 400
}
.transform{
      transform: rotate(127deg)
}
.m-contact-header{
      background-color: #f7f7f7;
      margin: 10px 0 20px;
      padding: 10px;
      display: block;
      width: 100%; text-align: left;
      font-size: 18px;
      font-weight: 400;
      color: #6d6d6d;
      display: none
}
.m-contact-header a{
      float: right; color: #6d6d6d
}

.rightcontact, .leftmenu{
      display: none; position: absolute; width: 30px;height: 30px;;
}
.rightcontact a, .leftmenu a{
      color: #6d6d6d;
}
.rightcontact{
      top: 0; right: 10px;  bottom: 0; left:  auto; margin: auto;
      font-size: 20px;
      
} 
.rightcontact a{
      transform: rotate(127deg);
}
.leftmenu{
       left: 10px;top: 0; right: auto;bottom: 0; font-size: 20px; margin: auto; height: 2px;
}




/* Navigation */
.navbar-toggler{
      display: block; width: 100%;
      padding: 0
}
.navbar-toggler-icon {
      width: 100%; height: 2px; 
      background-color: #6d6d6d;
      background: #6d6d6d;
      border-radius: 3px; display: block;
      position: relative;
}
.navbar-toggler-icon:before{
      content: '';
      top: -7px; left: 0;
      background-color: #6d6d6d;
      height:  2px; width: 100%;position: absolute;
}
.navbar-toggler-icon:after{
      content: '';
      bottom: -7px; left: 0;
      background-color: #6d6d6d;
      height:  2px; width: 100%;position: absolute;
}

.navbar{
      padding: 0;background-color: #ed1c24; position: relative; bottom: -15px;
}
.navbar-nav .nav-item .nav-link{
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
       padding: 8px 30px;
}
.navbar-nav .nav-item:first-child .nav-link{
      padding-left: 0
}
.navbar .form-inline a{
      background-color: #ffcb05;
      color: #010100;
      padding: 8px 30px;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 16px;
      transition: all .3s ease-in-out;
      display: block
}
.navbar .form-inline a:hover{
      background-color: #ce0b12;
      color: #fff;
      padding: 8px 30px;
      text-decoration: none;
}


/*  Home page Banner Slider CSS */
#homeBannerSection .bx-wrapper{
      box-shadow: none;
      border: 0;
      background: transparent;
      margin-bottom: 0
}
#homeBannerSection .bx-wrapper .bx-pager{
      padding: 10px 10px 16px;
      position: absolute;
      text-align: right;
      bottom: 0;
}
#homeBannerSection .bx-wrapper .bx-pager.bx-default-pager a{
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #fedd5f;  
}
#homeBannerSection .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #f5836d;
}




/*  Service Slider Css  */
#serviceSliderSection{
      padding: 25px 0 0; background: #fff;
}
#serviceSliderSection h1{
      font-size: 38px;
      font-weight: 300;
      color: #6b6b6b;
      text-align:  center;
      margin: 0;
      padding: 10px 0 20px;
}
#serviceSliderSection .bx-wrapper{
      box-shadow: none;
      border: 0;
      background: transparent;
      margin-bottom: 0
}
#serviceSliderSection .bx-wrapper .bx-controls-direction a{
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      height: 62px;
      top: 38%;
      width: 45px;
}
#serviceSliderSection .bx-wrapper .bx-controls-direction a:hover{
      color: #ed1c24;
      border: 1px solid #ed1c24;
}
#serviceSliderSection .bx-wrapper .bx-prev{
      left: -50px;
}
#serviceSliderSection .bx-wrapper .bx-prev:before{
      content: "";
      position: absolute;
      bottom: 7px;
      left: 20px;
      width: 2px;
      height: 26px;
      background-color: #cdcdcd;
      transform: rotate(-38deg);
}
#serviceSliderSection .bx-wrapper .bx-prev:after{
      content: "";
      position: absolute;
      top: 7px;
      left: 20px;
      width: 2px;
      height: 26px;
      background-color: #cdcdcd;
      transform: rotate(38deg);
}
#serviceSliderSection .bx-wrapper .bx-next{
      right: -50px;
}
#serviceSliderSection .bx-wrapper .bx-next:before{
      content: "";
      position: absolute;
      bottom: 7px;
      left: 20px;
      width: 2px;
      height: 26px;
      background-color: #cdcdcd;
      transform: rotate(38deg);
}
#serviceSliderSection .bx-wrapper .bx-next:after{
      content: "";
      position: absolute;
      top: 7px;
      left: 20px;
      width: 2px;
      height: 26px;
      background-color: #cdcdcd;
      transform: rotate(-38deg);
}

#serviceSliderSection .bx-wrapper .bx-prev:hover:before,
#serviceSliderSection .bx-wrapper .bx-prev:hover:after,
#serviceSliderSection .bx-wrapper .bx-next:hover:before,
#serviceSliderSection .bx-wrapper .bx-next:hover:after{
      background-color: #ed1c24;
}


.serviceItemBlock{
      text-decoration: none;
      display: block;
      padding: 20px 0;
      cursor: pointer
}
.serviceItemBlock:hover{
    text-decoration: none
}
.serviceItemBlock h2{
      color: #6b6b6b;
      font-size: 15px;
      font-weight: 600;
      margin: 0;
      padding: 0;
      text-align: center
}
.serviceItemBlock:hover h2{
      color: #ed1c24
}



[class^='sbg-'], [class*=' sbg-']{
      background: url(../images/bg-img.png) no-repeat;
}
.sbg-box-carton{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -125px 6px;
}
.serviceItemBlock:hover .sbg-box-carton{
      background-position:  6px 6px;
}

.sbg-brochures-printing{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -121px -132px;
}
.serviceItemBlock:hover .sbg-brochures-printing{
      background-position:  10px -132px;
}

.sbg-label-printing{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -119px -276px;      
}
.serviceItemBlock:hover .sbg-label-printing{
      background-position:  2px -276px;      
}

.sbg-calendar-printing{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -138px -428px;
}
.serviceItemBlock:hover .sbg-calendar-printing{
      background-position:  0 -428px;      
}

.sbg-ropp-cap{
      width: 105px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -139px -555px;
}
.serviceItemBlock:hover .sbg-ropp-cap{
      background-position:  0 -555px;
}


/*  Approach Section  */
#approachSection{
      padding: 45px 0;
      background: url(../images/approach-bg.jpg) no-repeat;
      background-attachment: cover;
      position: relative;
}
#approachSection:after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .8)
}

#approachSection .container{
      z-index: 1;
      position: relative;
}
#approachSection h1{
      color: #fff;
      font-size: 37px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 0;
      margin: 0 0 35px;
}
#approachSection p{
      color: #fff;
      font-size: 20px;
      font-weight: 300;
      font-style: italic;
      line-height: 30px;
      padding: 0 0 30px;
      margin: 0;
}
#approachSection .btn{
      border-radius: 25px;
      padding: 8px 15px;
      min-width: 150px;
      color: #fff;
      font-weight: 600;
      font-style: italic;
      font-size: 13px;
}



/*   Advanced Technology Section Css  */

#advancedTechnologySection{
      padding: 35px 0;
}
#advancedTechnologySection h1{
      font-size: 38px;
      color: #454545;
      font-weight: 300;
      text-align:  center;
      margin: 0;
      padding: 0 0 40px;
}
.left-at-item,
.right-at-container{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.left-at-item{
      -ms-flex: 0 0 37%;
      flex: 0 0 37%;
      max-width: 37%;
      padding-right: 0;
      padding-left: 0;
}
.left-at-item .overlay-content,  .at-item-block a .overlay-content{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .5);
      display: table;
      transition: all .3s ease-in-out;
      opacity: 0;
      filter: alpha(opacity=0)
}
.left-at-item:hover .overlay-content,  .at-item-block a:hover .overlay-content{
      opacity: 1;
      filter: alpha(opacity=100);
}
.left-at-item .overlay-content div,  .at-item-block a .overlay-content div{
      display: table-cell;
      vertical-align: middle;
      text-align: center;
}
.left-at-item .overlay-content h6{
      background: rgba(255, 203, 5, .5);
      color: #fff;
      padding: 20px 25px;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase
}
.at-item-block a .overlay-content h6{
      background: rgba(255, 203, 5, .5);
      color: #fff;
      padding: 20px 25px;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase
}

.right-at-container{
      -ms-flex: 0 0 63%;
      flex: 0 0 63%;
      max-width: 63%;
}

.right-at-container .at-item-block{
      padding-right: 0;
}
.right-at-container .at-item-block a{
      display: block;
      padding: 10px;
      background: #fff;
      height: 236px;
      position: relative;
}
.btn-readmore{
      border-radius: 25px;
      padding: 10px 15px;
      min-width: 300px;
      font-weight: 600;
      font-size: 17px;
      color: #fff;
}
.btn-readmore:hover, .btn-readmore:focus{
      color: #fff;
}



/*  Footer Section Css  */

#footerSection{
      background: #fff;
      padding: 25px 0 0;
      margin-top: 1px;
}
.cell-block-1,
.cell-block-2,
.cell-block-3{
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;   
}
.cell-block-1{
      -ms-flex: 0 0 35%;
      flex: 0 0 35%;
      max-width: 35%;
      padding-right: 0;
      padding-left: 0;         
}
.cell-block-2{
      -ms-flex: 0 0 45%;
      flex: 0 0 45%;
      max-width: 45%;
      padding-right: 0;
      padding-left: 0;    
      border-left: 1px solid #e5e5e5;
      border-right: 1px solid #e5e5e5;     
}
.cell-block-3{
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      padding-right: 0;
      padding-left: 0;         
}

.text-content{
      font-size: 15px;
      color: #555555;
      position: relative;
      padding: 0 0 10px 40px;
}
.text-content .fas, .text-content .far{
      position: absolute;
      left: 15px;
      top: 2px;
}
.text-content .transformPhone{
      transform: rotate(100deg);
      top: 5px;
}
.footer-menu{
      padding-left: 50px;
      padding-right: 50px;
}
.footer-menu li{
      list-style: none;
}
.footer-menu li a{
      font-size: 14px;
      color: #555555;
      text-decoration: none;
      padding: 4px 0 4px;
      display: block;
      text-transform: uppercase
}
.footer-menu li .far{
      font-size: 14px;
      margin-right: 5px;
}
.footer-menu li a:hover{
      color: #ed1c24
}

.socialcontainer{
      min-height: 100px;
      text-align: right
}
.socialIcon{
      display: inline-block;
      width: 35px;
      height: 35px;
      color: #aeaeae;
      border: 1px solid #aeaeae;
      font-size: 16px;
      border-radius: 50%;
      text-align: center;
      line-height: 35px;
}
.socialIcon + .socialIcon{
      margin-left: 10px;
}

.socialIcon.facebook:hover{
      color: #3a559f;
      border-color: #3a559f;
}
.socialIcon.twitter:hover{
      color: #2daae1;
      border-color: #2daae1;
}
.socialIcon.google-plus:hover{
      color: #cc3731;
      border-color: #cc3731;
}


.powredby-content{
      color: #8e8e8e;
      font-size: 13px;
      font-weight: 400;
      text-transform: uppercase;
      text-align: right
}
.sbg-ronline-logo{
      width: 21px;
      height: 22px;
      display: inline-block;
      background-position: -2px -679px;
      float: right;
      margin-left: 15px;
      position: relative;
      top: -1px;
}

.copyright-container{
      text-align: center;
      color: #fff;
      background-color: #ed1c24;
      font-size: 12px;
      font-weight: 400;
      font-style: italic;
      padding: 4px
}


/*  About Us Css */
#page-section h1{
      font-size: 22px;
      font-weight: 800;
      background-color: #fffbcf;
      color: #333;
      text-align: left;
      margin: 0;
      padding: 15px 0;
      text-transform: uppercase
}

.about-content-block{
      background-color: #fff;
      padding: 25px 0
}
.about-content-block h3{
      font-size: 17px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 10px 0 25px;
      margin: 0;
}
.about-content-block p{
      font-size: 15px;
      font-weight: 400;
      color: #454545;
      padding: 0;
      margin: 0 0 20px;
      line-height: 28px;
}
.hline{
      width: 100%;
      position: relative;
      height: 15px;;
}
.hline:before{
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #ddd;
      bottom: 0;
      left: 0;
      top: 0;
      right: 0;
      margin: auto;      
}
.list{
      margin: 0;
      padding: 0;
}
.list li{
      list-style:  none;
      font-size: 15px;
      font-weight: 400;
      color: #454545;
      padding: 0 0 10px;
}
.list li .far{
      font-size: 14px;
      margin-right: 15px;
}

/*  Gallery Css  */
.gallery-content-block{
      padding: 35px 0;
}
.gallery-content a{
      display: block;
      text-decoration: none;
      margin-bottom: 30px;
}
.gallery-content figure{
      margin: 0;
      padding: 0;
      border-radius: 5px;
      overflow: hidden;
}
.gallery-content figure img{
      display: block;
      margin: auto
}
.gallery-content h4{
      font-size: 14px;
      margin: 0;
      padding: 12px 0;
      font-weight: 600;
      text-align: center;
      color: #222;
      text-transform: uppercase;
      border-bottom: 1px solid #e5e5e5;
      min-height: 60px;
      line-height: 20px;
      transition: all .3s ease-in-out
}

.gallery-content a:hover h4{
      color: #ed1c24;
      border-bottom: 1px solid #ed1c24;
}
.gallery-detail-heading{
      font-size: 18px;
      font-weight: 700;
      color: #333;
      text-align: left;
      margin: 0 0 15px;;
      padding: 0 0 15px;
      text-transform: uppercase
}
.galleryBtn{
      color: #333;
      float: right;
      text-decoration: none;
      background: transparent;
      border-radius: 25px;
      padding: 2px 20px;
      border-color: #333
}
.galleryBtn:hover,
.galleryBtn:focus{
      border-color: #ed1c24
}



/*  Contact Us Css  */
.contact-address-block{
      padding: 0;
      background: #fff;
}
.contactus-content-block{
      padding: 50px 0;
}
.address-panel{
      padding: 0 25px 20px;
}
.address-panel div{
      padding: 20px 0 0 25px;
      position: relative;
      font-size: 15px;
}
.address-panel .transformPhone{
      transform: rotate(110deg)
}
.address-panel div .fas,
.address-panel div .far{
      position: absolute;
      left: 0;
      top: 25px;
}
.map-block{
      background: #fff;
      padding: 5px
}

/*  Services  Page Css  */

.services-options-container{
      padding: 35px 0
}

.service-block{
      margin-bottom: 20px; 
}
.service-block .service-item a{
      background-color: #fff;
      display: block;
      padding: 15px;
      box-shadow: 0 0 8px rgba(0,0,0,.1);
      text-decoration: none;
      min-height: 380px;
      position: relative;
}
.service-block .service-item h5{
      font-size: 18px;
      font-weight: 600;
      color: #6c6c6c;
      text-align: center;
      text-transform: uppercase
}
.service-block .service-item:hover h5{
      color: #ed1c24
}
.service-block .service-item p{
      font-size: 13px;
      font-weight: 400;
      color: #666;
      line-height: 22px;
}
.service-block .service-item .btn{
      padding: 4px 15px;
      background: #ffcb05;
      color: #333;
      border: 0;
      border-top: 1px solid #ffcb05;
      font-size: 13px;
      font-weight: 600;
      position: absolute;
      left: 0;
      bottom: 0;
      border-radius: 0
}
.service-block .service-item :hover .btn{
      padding: 4px 15px;
      background: #ed1c24;
      color: #fff;
      border-color: rgba(237,28,36,1);
      font-size: 13px;
      font-weight: 600
}

[class^='sicon-'], [class*=' sicon-']{
      background: url(../images/bg-img.png) no-repeat;
}
.sicon-box-carton{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -125px 6px;
}
.service-block .service-item:hover .sicon-box-carton{
      background-position:  6px 6px;
}

.sicon-brochures-printing{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -121px -132px;
}
.service-block .service-item:hover .sicon-brochures-printing{
      background-position:  10px -132px;
}

.sicon-label-printing{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -119px -276px;      
}
.service-block .service-item:hover .sicon-label-printing{
      background-position:  2px -276px;      
}

.sicon-calendar-printing{
      width: 100px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -138px -428px;
}
.service-block .service-item:hover .sicon-calendar-printing{
      background-position:  0 -428px;      
}

.sicon-leaflet-printing{
      width: 105px;
      height: 100px;
      display: block;
      margin: 0 auto 20px;
      background-position:  -139px -555px;
}
.service-block .service-item:hover .sicon-leaflet-printing{
      background-position:  0 -555px;
}

.service-item-detail-container{
      display: none;
      padding: 25px 0
}
.service-item-detail-container h2{
      font-size: 22px;
      font-weight: 400;
      color: #333;
      margin: 0;
      padding: 0 0 20px;
      border-bottom: 1px solid rgba(0,0,0,.1)
}
.service-item-detail-container h2 .btn{
      font-size: 15px;
      float: right;
      background: transparent;
      color: #ed1c24;
      border-color: rgba(237,28,36,.2);
}
.service-item-detail-container .content{
      padding: 15px 0;
      font-size: 14px;
}
.service-item-detail-container .content ul{
      margin: 0;
      padding: 0;
}
.service-item-detail-container .content ul li{
      margin: 0;
      padding: 0 0 10px;
      list-style: none;
}
.service-item-detail-container .content ul li .far{
      margin-right: 10px;
      font-size: 13px;
}

#printAndApply{
      background: #fff;
      margin: 0;
      padding: 30px 0;
      border-top: 1px solid #e1e1e1
}
#printAndApply h5{
      font-size: 22px;
      font-weight: 600
}
#printAndApply p{
      font-size: 14px;
}



/*  Request Quote  */

#request-quote-container{}
.request-heading-section{
      background: #fffbcf;
      padding: 35px 0;
      position: relative;
}
.request-heading-section:after{
      content: '';
      position: absolute;
      bottom: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fffbcf;
}
.request-heading-section h1{
      text-align: center;
      font-weight: 700;
      font-size: 28px;
}
.request-heading-section .small{
      text-align: center;
      font-size: 16px;
}
.request-form-section{
      background: #fff;
      position: relative;
      padding: 35px;
      box-shadow: 0 0 12px rgba(0,0,0,.10);
      margin: 0 auto 35px;
      width: 800px;
}
.request-form-section .form-group label{
      font-size: 15px;
      text-transform: uppercase
}
.request-form-section .form-group .form-control{
      font-size: 15px;
}
.request-form-section .form-group textarea.form-control{
      height: 100px;
}
.request-form-section .btn{
      font-size: 15px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 15px;
}
label.error{
      color: #ed1c24;
      font-size: 13px !important;
      padding-left: 2px;
}


.navbar .dropdown:hover  .dropdown-menu{
      display: block
}
.dropdown-menu{
      margin-top: 1px;
      border: 0;
      border-radius: 0;
      box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.dropdown-item{
      font-size: 14px;
      font-weight: 400;
      color: #555;
      transition: all .3s ease-in-out
}
.dropdown-item:hover{
      background: #ffcb05;
      color: #fff;
}

#frmRequestQuoteErrMessage {
    padding: 4px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px;
}
.login-mgs-loading img {
    margin-right: 9px;
}
.login-mgs-loading {
    color: #ed1c24;
    font-size: 15px;
}
.ui-helper-hidden{
	display: none
}

.no-record-found {
    color: #ed1c24;
    border: 1px solid #ffd6d8;
    padding: 30px;
    background: #fffbfb;
}
.no-record-found h5 {
    font-size: 23px;
    font-weight: 700;
}
.no-record-found span {
    color: #999;
}


/* Media Css */

@media(max-width: 1200px){
      .contactinfo-section .contact-right a{
            font-size: 18px; font-weight: 700
      }
      .navbar-nav .nav-item .nav-link{
            padding:  8px 20px;
      }
}
@media(max-width: 990px){
      .container{
            width: 100%;
            max-width: 100%;
      } 
      #serviceSliderSection .bx-wrapper .bx-prev{
            left: -15px;
      }
      #serviceSliderSection .bx-wrapper .bx-next{
            right: -15px;
      }      
}
@media(min-width: 768px) and (max-width: 990px){
      .logosection{
            max-width: 50%;
           flex: 0 0 50%;
      }
      .contactinfo-section{
            max-width: 50%;
            flex: 0 0 50%;
      }
      .collapse:not(.show) {
            display: flex;
      }    
      .navbar-expand-lg .navbar-nav {
             -ms-flex-direction: row;
            flex-direction: row;
      }    
      .navbar .form-inline{
            margin-bottom: 0!important;
            margin-top: 0!important;
      }        
      .navbar .form-inline a{
            padding: 8px 15px;
            font-size: 14px;
      }      
      .navbar-nav .nav-item .nav-link{
            padding: 8px 12px;
      }
      .service-block{
            -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
            max-width: 33.33%;            
      }
}
@media(max-width: 800px){
      .request-form-section{
            width: 100%
      }
}
@media(max-width: 767px){
      .logosection{
            max-width: 100%;
           flex: 0 0 100%;
      }
      .contactinfo-section{
            max-width: 100%;
            flex: none;
            height: 100%;
            position: fixed;
            top: 0;
            right: -100%;
            background-color: #fff;
            z-index: 10;
            padding: 0 25px 25px;
            transition: all .5s ease-in-out;
      }      
      .contactinfo-section.active{
            right: 0;
            z-index: 1024;
      }
      .contactinfo-section .contact-left,
      .contactinfo-section .contact-right{
            flex: none;
            max-width: 100%;
            text-align: left;
            border: 0;
            font-size:  20px;
      }
      .contactinfo-section .contact-left a{
            word-break: break-all;
      }
      .contactinfo-section .contact-left div + div{
            padding-top: 15px;
      }
      .contactinfo-section .contact-right a{
            font-size: 20px; font-weight: 600;padding-top: 15px;
      }
      .contactinfo-section .contact-right a .fas{
            font-size: 20px; top: 5px;
      }
      .contactinfo-section .contact-right a .text{
            display: none
      }
      .logosection a{
            display: block; width: 80%; margin: auto;
      }
      .rightcontact, .leftmenu{
            display: block
      }
      .m-contact-header{
            display: block
      }      
      .navbar{
            padding: 0
      }
      .navbar .form-inline a{
            width: 100%;    text-align: center;
      }
      .navbar-nav .nav-item .nav-link{
            text-align: center;
      }


      /*  Advanced Technology */
      .left-at-item,  .right-at-container{
            max-width: 100%;
                  -ms-flex: 0 0 100%;
            flex: 0 0 100%;
      }
      .left-at-item{
            margin-bottom: 15px
      }
      .left-at-item a{
            display: block
      }    
      .left-at-item img{
            display: block;
            margin: auto
      }             
      .right-at-container .at-item-block{
            max-width: 100%;
                  -ms-flex: 0 0 100%;
            flex: 0 0 100%;           
      }
      .right-at-container .at-item-block + .at-item-block{
            margin-top: 15px;
      }
     .right-at-container .at-item-block a{
            height: auto;
            margin: 0
      }
      .right-at-container .at-item-block a img{
            margin: auto;
            display: block
      }
      .cell-block-1, .cell-block-2, .cell-block-3{
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 15px;
            border-bottom: 1px solid #eee;
            text-align: left
      }
      .socialcontainer{
            text-align: center;
            padding: 15px 0;
            min-height: auto
      }
      .powredby-content{
            text-align: center;
            margin-bottom: 16px;
      }
      .sbg-ronline-logo{
            top: 7px;
            float: none
      }
      .contact-address-block, .map-block{
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
      }
      .contactus-content-block{
            padding-top: 0;
            padding-bottom: 5px;
      }

}

@media(min-width: 500px) and (max-width: 767px){
      .service-block{
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;            
      }      
}

@media(max-width:500px){
      .footer-menu{
            flex-basis: auto;
            max-width: 100%;
            padding: 0 15px;
            margin: 0;
      }
      .cell-block-2{
            display: none
      }
      .btn-readmore{
            min-width: 100%;
      }
      .services-options-container{
            padding: 15px 0;
      }
      .request-form-section{
            padding: 20px 25px;
      }
}