@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;border: 0;box-sizing: border-box;}
body{padding: 0;margin: 0;border: 0;font-family: "Poppins", sans-serif;font-size: 14px;line-height: 22px;font-weight: 400;color: #333;background-color: #f1f2f2;}
h1{font-size: 24px;line-height: 28px;font-weight: 600;border-bottom: 1px solid #f1f2f2;padding-bottom: 5px;margin-bottom: 10px;}
h2{font-size: 17px;line-height: 22px;font-weight: 600;border-bottom: 1px solid #f1f2f2;padding-bottom: 5px;margin-bottom: 10px;}
p{text-align: justify;margin: 7px 0 15px 0;}
header{width: 100%;float: left;padding: 10px 0 0 0;background: #fff;}
section {width: 100%;float: left;padding: 15px 0;margin: 0;}
.row{width: 100%;float: left;padding: 0 8%;}
.row_full{width: 100%;float: left;}
.mar25{margin: 25px 0;}
.logo{width: 20%;float: left;}
.main_menu{width: 80%;float: left;}
.main_menu ul{width: 100%;float: left;list-style: none;text-align: center;position: relative;padding: 10px 0;}
.main_menu ul li {width: auto;padding: 0 10px;display: inline-block;}
.main_menu ul li a{text-decoration: none;color: #333;text-transform: uppercase;font-weight: 600;}
.main_menu ul li a:hover {color: #999;}
.container{width: 1180px;margin: 0 auto;}
.slider{width: 100%;height: auto;float: left;background: #f1f2f2;background-image: url("../img/lanyard-printing-company-chennai.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;text-align: center;padding-top: 150px; padding-bottom:150px;}
.slider h1 {border: 0;color: #fff;font-size: 48px;line-height: 60px;}
.slider h2 {border: 0;color: #fff;font-size: 22px;line-height: 28px;font-weight: 300;margin-bottom: 10px;}
.slider p {text-align: center;color: #fff;margin-bottom: 50px;}
.button {background: #00839b;color: #fff;padding: 10px 20px;margin-top: 50px;text-decoration: none;}
.button:hover {background: #20a4bd;}
.button2 {border: 2px solid #00839b;color: #00839b;padding: 10px 25px;text-decoration: none;margin-bottom:20px;float: left;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;font-weight: 600;}
.button2:hover {background: #f1f2f2;}
.banner{width: 100%;float: left;background: rgb(11, 0, 51);background: linear-gradient(-90deg, rgba(48,84,91,1) 30%, rgba(0,131,155,1) 87%, rgba(46,185,210,1) 100%);color: #fff;padding: 25px 0;}
.banner h1 {font-size: 42px;line-height: 44px; font-weight: 600; border-bottom: 0;}
.banner h1 span {font-weight: 300; display: block;}

.left_menu{width:30%;float: left;padding: 2%;background: #fff;margin-right: 2%;}
.border_rad{border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;}
.border_rad15{border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;}
.right_content {width:68%;float: left;padding: 2%; margin-bottom: 30px;background: #fff;text-align:justify;}
.col1{width:99%;float: left;padding: 0 2%;}
.col2{width:50%;float: left;padding: 0 2%;}
.col3{width:33%;float: left;padding: 0 2%;}
.col4{width: 25%;float: left;padding: 0 2%;}
.col5{width: 15.5%;float: left;padding: 0 2%;}
.service_menu{ list-style: none; margin-left:0px;}
.service_menu a{color:#333; text-decoration: none; float: left; width:48%; height: auto; padding:5px 0; font-weight:600; border:1px solid #f1f2f2;margin:1%; padding-left:7px; font-size:13px;}
.service_menu a:hover{background:#333; color:#fff;}
.mar2_right{margin-right: 2%;}
.mar2_left{margin-left: 2%;}
.text_center{text-align: center;}
.color_white {background: #fff;}
.feature_icon h1{border: none;}
.feature_icon img{width:25%;margin-top: 28px; padding-bottom: 10px; border-radius:12px;}
.feature_icon p{padding-bottom: 5px;}
.img_100 img{width :100%;}
.text_center{text-align:center; left:float;}
.dark h1, .dark h2, .dark p, .dark p a{color: #fff;}
.clients img{margin: 0;}
.contact_section a{color:#333; text-decoration: none;}
.clients .col5 {border: 1px solid #ccc;margin: -1px 0 0 -1px;background: #fff; padding: 0; width:20%;}
.footer_1{background-color: #22252d;color: #fff;padding: 80px 0;}
.footer_1 .border_rad{margin-top: 0px;padding: 10px 20px;margin-bottom: 5px;}
.footer_1 ul{list-style: none;}
.footer_1 ul li {float: left;width: 100%;}
.footer_1 a {color: #ccc;text-decoration: none;padding: 7px 0;float: left;}
.social_links ul li {width: auto;float: left;}
.social_links ul li img {width: 40px;height: 40px;float: left;margin-right: 7px;}
.copy_text{float: left;background: #1d212d;color: #fff;padding: 20px 0;}
.copy_text a {color: #2d8831;}
.clients{background:#fff; padding:100px 0;}
.mob_view{display:none !important;}
.mobile_footer{position: fixed;bottom: 0;left: 0;right: 0; background: #555;}
.mobile_footer img{width: 25px;height: 25px;margin-bottom: 0;}
.d-flex{display: flex;align-items: center;flex-wrap: wrap;flex-direction: row;}
.mobile_footer span{display: block;color: #fff;}
.mobile_footer .col{cursor: pointer;flex:1 0 0%;width: 100%;max-width: 100%;text-align: center;padding: 10px;border-right: 1px solid #ccc;}
.mobile_footer .col a{display: block;text-decoration: none;}
.menu_open, .mobile_footer{display: none !important;}
.mob_view{background: #00839b;padding: 10px 25px;}
.mob_view b{text-align: left;flex: 1 1 auto;}
.mob_view *{color: #ffffff;}
.mb_flx{display: flex;align-items: center;flex-direction: row;}
.mb_flx span{flex: 0 0 auto;cursor: pointer;}
.mb_flx span svg{width: 25px;height: 25px;}

.remove_sd_title h1, .remove_sd_title h2, .remove_sd_title h3, .remove_sd_title h4,.remove_sd_title h5,.remove_sd_title h6{display: none;}
.mt_1{margin-top: 25px;}
.pt_5{padding-top: 30px;display: block; clear: both;}
.d-block{display: block; clear: both;}
.main_row{
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(1.5rem * -1);
  margin-right: calc(1.5rem * -.5);
  margin-left: calc(1.5rem * -.5);
}
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-right: calc(1.5rem * .5);
  padding-left: calc(1.5rem * .5);
  }
  .d-inline-block{
     display: inline-block;
  float: none;
  }
  .column_box{
      padding:15px;
  }
  .mb_4{
      margin-bottom:20px;
  }
  .h_100{
      height:100%;
  }
  .mb-0{
      margin-bottom:0 !important;
  }
  .pt_0{
      padding-top:0px !important;
  }

@media only screen and (max-width:1024px){
body .mob_view, body .menu_open, body .mobile_footer{display:block !important;}
body .mobile_footer{display:block !important;}
.container{width: 100% !important;padding-left: 15px !important;padding-right: 15px !important;max-width: 100% !important;}
.col2, .col3, .col4, .col5{width:96%; padding: 0 2%;}
.right_content, .left_menu{width: 96%;padding: 15px 5%; margin-bottom:3px;}
.col4{margin-bottom: 15px !important;}
.w-100{width: 100% !important;}
.slider{padding: 50px 20px 50px 20px !important;}
.slider h2{font-size: 15px !important;line-height: normal !important;}
.slider h1{font-size: 25px !important;line-height: normal !important;}
.img_mb img{width: 100% !important;max-width: 100% !important;}    
.clients .col5{margin-bottom: 15px !important;}
h1{font-size: 20px !important;}
.button2{padding: 5px 20px !important;}
.footer_1 .col4{margin-bottom: 20px !important;}
.footer_1, .clients{padding: 40px 0 !important;}
.copy_text{padding-bottom: 85px !important;}
.main_menu{position: fixed;top: 0;bottom: 75px;display: none;overflow: auto;left: 0;width: 80%;background: #ffffff;}
.main_menu li, .main_menu li a{display: block !important;float: none !important;}
.main_menu li a{padding: 15px !important;border-bottom:1px solid #ccc;text-align: left !important;}
.logo{width: 100% !important;text-align: center !important;padding-top: 5px !important;padding-bottom: 5px !important;}
.logo img{max-width: 70%;margin:0 auto}
.col-4{
    width: 100% !important;
}
}