@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,%20600,700,800");

html body {
    width: 100% !important;
   // margin-left: 15px !important;
    overflow-x: hidden !important;
}
 p{
    font-size: 15px !important;
}  
.top_head_info {
    margin: 0px; 
    width: 100%;
    padding: 0px 0px;
    background-color: #d0d0d0;
}
.top_head_info  ul {
    display: flex;
    margin: 0px;
    color: #fff!important;
    text-align: center;
}
.top_head_info ul .social_icons {
    padding: 7px 1.4rem;
    color: #000;
    border-right: 1px solid #6f6f6f;
    list-style-type: none;
    display: inline-block;
    font-size: 16px;font-weight: 500;
}
.top_head_info ul .fb_icon {
    padding:8px 18px; font-weight:600;
    background-color: #055093;
    border: none; font-size:16px;
}
.top_head_info ul .fb_icon:hover {
    //background-color: #d0d0d0;
}
.top_head_info ul .fb_icon i {
    color: #fff;
    font-size: 1.2rem;
}
.top_head_info ul .link_icon {
    padding:7px 22px;
    background-color: #0e468c;
}
.top_head_info ul .link_icon i {
    color: #fff;
    font-size: 1.2rem;
}
.top_head_info ul .link_icon {
    padding:8px 15px;
    background-color: #0077B5;
}
.top_head_info ul .link_icon:hover {
    background-color: #131212;
    color: #fff;
}
.top_head_info ul .tw_icon {
    padding:8px 18px;
    background-color: #1DA1F3;
    border: none;
}
.top_head_info ul .tw_icon i {
    color: #fff;
    font-size: 1.2rem;
}
.top_head_info ul .tw_icon:hover {
    background-color: #131212;
    color: #fff;
}
.top_head_info ul  li {
    padding-right: 48px;
    list-style-type: none;
    margin-left: 0px;
    margin-right: 0px;
}
.top_head_info ul  li .quote_a {
    color: #212120;
    padding:10px 1rem 8px;
    font-weight: 600;
    text-decoration: none;
    background-color: #055093;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 2px 3px 10px 0px #888888;

} 
.top_head_info ul  li .quote_a :hover {
    background-color: #fdc60e;
    color: #000;
}
.top_head_info ul  li i {
    color: #000;
    margin-right: 5px;
    font-weight: 500;
    font-size: 15px;
}
.top_head_info ul  li a {
    text-decoration: none; color:#000; font-size:17px;
}
.top_head_info ul  li a.social_link {
    color: red;
}
.top_head_info ul  li a:hover {
    color: #000 !important;
    //background-color: #000;
    border: none;
}
.top_head_info .get_quote {
    padding:6px 1.4rem;
    color: #fff;
    list-style-type: none;
    float: right;
}
.col-md-offset-2 {
    margin-left:0px !important;
}
/*second-header*/
.header-section {
    padding: 10px 0px;
}
.header-section ul li a {
    color: #fff;
    font-weight: 400;
}
.header-section ul li a:hover {
    color: #b7b5b5;
    font-weight: 600;
}
.header-section ul li ul li {
    background:none;
}
.header-section ul li ul li :hover {
    background-color: fcc310;
}
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.header_banner {
    padding: 2rem 0px;
    background-color: #0e468c;
    text-align: center;
    display:none;
}
.header_banner  p {
    color: #fff;
    border-left: 3px solid #055093;
    text-align: left;
    padding-left: 11px;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header-section .main-nav.centernav {
    float: right !important;
}
.header-section ul li a {
    padding: 6px 10px !important;
}
.header_form {
    padding:8% 6% 0% 5%;
    text-align: left;
    float: left;
    box-shadow: 1px 1px 4px 0px #a2a1a1;
    background-color: #fdfdfd;
    border-radius: 4px;
    margin-top: 2rem;
}
.header_form  h4 {
    color: #fafafa;
    font-size: 23px;
    margin-bottom: 1rem;
    background-color: #131212;
    padding: 7px 3rem;
    border-radius: 2rem;
    font-weight: 400;
}

.head_form {
    padding:8% 0px;
    text-align: center;
}

.text-muted {
    font-size: 10px !important;
    float: left!important;
}
.btn-primary {
    color: #000;
    background-color: #055093 !important;
    border-color: #fafafa!important;
    padding:8px 2rem !important;
    border-radius: 2rem!important;
    font-weight: 600!important;
}
.btn-primary:hover {
    border: 1px solid #000;
    background: none;
    color: #000;
}
.abt_dic_cont h5 {
    font-size: 1.5rem;
    line-height: 38px;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
}
.abt_dic_cont h6 {
    font-size: 17px;
    font-weight: 400;
    color: #151918;
    line-height: 1.9rem;
    margin-top: 1.3rem;
    margin-bottom: 2rem;
    letter-spacing: 1px;
}
.form-control {
padding: 1rem 12px !important;
    background-color: #f1f1f1;
    border: none;
    margin-bottom: 16px;
}

/*about-dic*/
.abt_dic_cont {
    background:url(../images/header_img.jpg)  0 no-repeat;
    //padding-top: 12%;
    background-position: top;
    background-size: cover;
    padding-bottom: 2%;
    //border: 5px solid red;
    //padding: 1rem;
}
.abt_dic {
    padding: 7% 5% 5% 5%;
    text-align: left;
    margin: 2rem 0px;
    margin-top: 0px;
}
.enquiry_now {
    padding:7px 23px;
    color: #fff;
    font-weight: 600;
    border-radius: 5rem;
    text-decoration: none;
    background-color: #ffb731;
    position: relative;
    top: 50%;
    margin-top: 0px !important;
    font-size: 1.1em;
    text-align: center;
    letter-spacing: 0px;
    cursor: pointer;
    display: inline-table;
}
.enquiry_now i {
    color:#fff;
}
/* sticky button */

#feedback {
  height: 0px;
  width: 66px;
  position: fixed;
  right: 0;
  top: 60%;
  z-index: 1000;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback a {
    display: block;
    background: #055093;
    height: 52px;
    padding-top: 7px;
    width: 142px;
    text-align: center;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    border-radius:8px;
}
#feedback a:hover {
  font-weight: 600;
}
#feedback i {
  color: #333;
}

.navbar-nav>li>a {
    color: #040202;
    font-size: 19px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
}
.navbar-nav>li>a:hover {
    background: none;
    color: #ffc70d;
    //border-top:3px solid #fcc310;
}
.navbar-nav>li>a:focus  {
    background:transparent;
}
.border-left4 {
    border-left: 3px solid #055093; 
    }
.enquiry_now_2 {
    border: none;
    background:#f5cb4c;
    padding:9px 3.6rem;
    color: #131212;
    font-weight: 600;
    border-radius: 5rem;
    text-decoration: none;
}
.enquiry_now_2:hover {
    padding: 9px 3.6rem;
    color: #131212;
    font-weight: 600;
    border-radius: 5rem;
    text-decoration: none;
    background-color: #f5cb4c;
    border: none;
}
.abt_dic h3 {
    font-weight: 400;
    color: #131212;
    line-height: 2.6rem;
    font-size: 2rem;
    padding: 0rem 0rem 2rem;
}
.abt_dic  p{
    color: #615e5e;
    font-size: 1rem;
    line-height: 1.7rem;
}
.abt_dic h3  strong {
    color: #FCC210;
    font-weight: 600;
    letter-spacing: 2px;
}
.abt_dic h3 p {
    color: #343538;
    font-size: 15px;
    line-height: 31px;
}
.diamondshape-social {
    margin: 0 auto;
    text-align: left !important;
    margin-top: 10rem!important;
    }
a.sty2 {
    font-weight: 100 !important;
}
.col-md-8.col-sm-12.col-xs-12.marbo-resp.white.txtcent-resp {
    font-weight: 500;
    color: #fff !important;
    text-transform: none;
    font-size: 14px;
}
.bgcolor-dark-opacity8 {
    background-color: rgb(208, 208, 208)!important;
    border-top:1px solid #b58430;
    }
.bgcolor-dark-opacity8 {
    background-color: rgb(78 78 78)!important;
}
.fnnth {
    font-size: 14px;
    line-height: 1.6rem;
    font-weight: 300;
    color: #fff;
    }
.all_product_cont {
    //border: 1px solid;
    text-align: left;
}
.all_product_cont h1 {
    font-weight: 600;
    color: #000000;
    font-size: 33px;
    padding: 15px 0px;
    text-transform: uppercase;
    margin-bottom: 9px;
    border-left: 6px solid #055093;
}
.all_product_cont .product-f {
    //border: 1px solid;  
    margin:9px 0px;
}
.all_product_cont  .prodct_cont {
    padding: 6px 0px;
    font-weight: 600;
    //background-color: rgb(29, 27, 27); transition: 0.3s;
}
.all_product_cont  .prodct_cont:hover {
    //background-color: rgb(58, 57, 57);
}
.all_product_cont .prodct {
color: #000;
    text-decoration: underline;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px !important;
    font-family: brother-1816, sans-serif;
}
.navbar-default {
    //background: none !important;
    border: none !important;
    //border: 1px solid red !important;
}
.mega-dropdown {
    width: auto !important;
}
.dic_banner {
    background-color: #545858;
    padding: 4rem 0rem;
}
.dic_commit {
    padding: 0px 2rem; 
}
.dic_banner .dic_commit h5 {
    color: #ffffff;
    font-size: 1rem;
}
.dic_banner .dic_commit h2 {
    color: #131212;
    font-weight: 600;
    line-height: 2.4rem;
    margin-top: 4px;
    font-size: 1.8rem;
}
.dic_banner .dic_commit p {
    color: #ffffff;
    line-height: 24px;
    margin-top: 2rem;
    font-size: 15px;
}
.dic_banner .dic_marquee h2 {
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000;
}
.dic_banner .dic_marquee ul {
    padding: 0;
    margin-top: 1rem;
}
.dic_banner .dic_marquee ul li {
    list-style-type: none;
    line-height: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff;
}
/*dic_banner*/
/*all flags*/
.slick-slide .inner {
  margin: 0 15px;
}
.sub_scribe {
   margin-bottom:2rem;
}
.sub_scribe  h3 {
    color: #000;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 2rem;
}
.parallax28 {
    padding: 8rem 0px !important;
    margin-top: 4%;
}
.export_wwide {
    text-align: left;
    margin-bottom: 1.5rem;
    border-left: 5px solid #008bde;
}
.export_wwide h2 {
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-left: 8px;
}
.export_wwide hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    width: 250px;
    border-bottom: 2px;
    border-bottom-style: ridge;
}
.work_quality {
    padding-top: 8rem;
    text-align: center;
    background:url(../images/world-export.jpg)  0 no-repeat;
    min-height: 400px; margin-bottom: 0rem; background-size:cover; //padding-left: 3rem;

  /* Create the parallax scrolling effect */
  //background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  //background-size: cover;
}
.work_quality h2 {
    color: #27221f;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: brother-1816, sans-serif;
    font-weight: 600;
}
.work_quality p {
    color: #d4d4d4;
    font-size: 15px;
    line-height: 1.7rem;
}
.about_dic {
    //border: 1px solid #000;
    margin: 5% 0px;
}
.about_dic .stra_partners {
    padding:2rem 0px;
}
.about_dic .stra_partners h3 {
    color: #131212;
    font-weight: 500;
    font-size: 29px;
    margin-bottom: 1.5rem;
}
.about_dic .stra_partners p {
    color: #615e5e;
    font-size: 15px;
    line-height: 1.7rem;
}
/*megamenu_dic*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background: none !important;
    color: #fcc311;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:active {
    color:#fcc311;
}
.navbar-default .navbar-nav>li>a:active {
    color: red;
}
.megamenu_dic {
    background-color: #fff;
    padding-bottom: 0px;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.navbar-default .navbar-nav>li>a {
    font-weight: 400;
    width: auto;
    color: #e0dede;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover {
    color:#FCC210;
}
.navbar-nav {
  //padding: 1.3rem 0px 0px 1rem !important;
  float: right;
}
i.fa.fa-chevron-down.pull-right {
   margin-top: 0px;
   font-size: 15px;
   color:#444;
}
.mega-dropdown {
  position: static !important;
  width: 100%;
}
.mega-dropdown-menu {
  padding: 30px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 285px;
  z-index: 10;
}
.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 283px;
  z-index: 8;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
  margin-bottom: 6px;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #000; 
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #000;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
    color: #fcc311;
    font-size: 17px;
    line-height: 2rem;
}
.mega-dropdown-menu form {
  margin: 3px 20px;
}
.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
 .affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
  }

  .affix + .megamenu_dic {
      padding-top: 70px;
  }
/*media_queries*/
@media only screen and  (min-device-width: 768px) and  (max-width: 800px) {
.abt_dic {
    margin-top: 44%;
}
.header_form {
    margin-top: 70%;
}
}
@media only screen and  (min-device-width: 768px) and  (max-width: 800px)  {
.abt_dic {
    margin-top: 44%;
}
.header_form {
    margin-top: 11%;
}
}
@media only screen and  (max-device-width: 800px)  { 
.all_product_cont .prodct_cont {
    //background: #ffc70d;
    }
}
@media only screen and  (max-device-width: 800px)  {
.abt_dic_cont {
    display: contents;
}
.parallax28 {
    display: none;
}
}
.navbar-collapse {
    border: none !important; margin-top: 17px;
}
@media only screen and  (min-device-width: 320px) and  (max-width: 480px) { 
.abt_dic_cont h5 {
    font-size:1.4rem;
    line-height: 2rem; 
}
.abt_dic_cont h5 strong {
    font-size: 1.5rem;
}
.main .recent_img {
    max-width: 58%;
}
.enquiry_now {
    margin-top: 1rem;
}
.all_product_cont h1 {
font-size: 14px;
    padding: 0px !important;
    border-left: 0px;
    line-height: 20px;
}
.abt_dic h3 {
   // margin-top: 44%;
    //font-size: 18px;
   // line-height: 27px;
}
.header {
 position: relative !important;
}
 }
@media only screen and  (min-device-width: 400px) and  (max-width: 1024px) { 
.header {
    position: relative !important;
}
    }
@media only screen and  (min-device-width: 320px) and  (max-width: 768px) { 
.work_quality p {
    text-align: left;
    font-size: 14px;
}
.sub_scribe h3 {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 2rem;
}
.work_quality h3 {
    font-size: 24px;
}
.dic_marquee {
    margin-top: 2rem;
    margin-left: 2rem;
}
.work_quality h1 {
    font-size: 1.5rem;
    padding-top: 0px !important;
}
.navbar-toggle {
    background-color: #fcc210 !important;
    margin-top: -2.5rem;
    margin-right: -11px !important;
}
.cta-text h2 {
    font-weight: 800 !important;;
    line-height: 1.4em !important;;
    font-size: 16px !important;
}
h2 span {
    margin-left: 0px !important;
    font-size: 16px !important;
}

.cta-btn .btn {
padding: 9px 10px !important;
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #000;
    background-color: transparent !important;
}
.cta-btn i {
    color:#000 !important;
}
.footer-white {
    padding:0px !important;
}
.footer-white h5 {
    font-size: 19px !important;
    letter-spacing: 1px !important; margin-bottom: 11px;
}
.dic_marquee {
    margin-left: 0px !important;
}
.work_quality {
    margin-bottom: 0px !important;
    background-size:cover !important;
    margin-bottom: -3rem !important;
}
.dic_banner .dic_marquee h2 {
    font-size: 1.7rem;
}

}
@media only screen and  (min-device-width: 320px) and  (max-width: 768px) {
.dic_logo {
    //border: 1px solid red;
    max-width: 170px;
}
}
@media only screen and  (min-device-width: 670px) and  (max-width: 1200px) {
.navbar-nav > li {
    float: none;
    display: inline-flex;
}
}
@media only screen and (min-device-width: 318px) and (max-device-width: 768px) 
{
.top_head_info ul {
    //display: none; display:grid;
    padding: 0px 1px;  background-color:#fff !important; padding:6px 0px;
}
.top_head_info ul .social_icons {
    display: inline-table;
    float: left;
    border: none;
    border-left: 0px !important;
    line-height: 0px;
    padding: 8px 0px;

}
.top_head_info {
    background-color:#fff;
}
    
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none !important;
}
.navbar-brand {
    float: left;
    padding: 15px 0px;
}
.header_form {
    padding: 0px;
    box-shadow:none;
    background-color: transparent;
}
.navbar-brand {
    padding: 0px 0px !important;
}
.btn-primary {
    margin-top: 1rem !important;
}
.all_product_cont {
    margin:0px !important;
}
.dic_commit {
    padding: 0px !important;
}
.dic_banner {
    padding: 2rem 0rem;
}
.dic_banner .dic_commit h2 {
    font-size: 1.3rem !important;
    line-height: 2rem;
}
.background-image5 {
    margin-bottom: 0px !important;
    padding-top: 0px !important; //background-color: #f1f1f1 !important;     margin-top: 18px;
}
.marbo-resp13 {
    border: none;
}
.pro_list {
    padding: 0px!important; display: none;
}
.about_header {
   background: none !important;
    padding: 0px !important;
}
.solid_carbide {
    display: none;
}
.product_cont .pro_info h2 {
    //font-size: 14px !important; text-align: center;
    //margin-top: 2rem!important;     background-color: #ffc70d;
}
.brazed_tools{
    display: none;
}
.gear-cutting {
    display: none;
}
.about_header_broch {
    display: none;
}
.bevel_tools {
    display: none;
}
.product_cont p {
    margin-top: 12px !important;

    display: inline-block !important
}
.taps_dies {
    display: none;
}
.about_header_knives_blades {
    display: none;
}
.wood-working {
    display: none;
}
.bits_puches_class {
    display: none;
}
.gun-drills-head {
    display: none;
}
.product_cont .pro_info ul li i {
    margin-top: 6px;
}
.product_cont .pro_info ul li {
    display: inline;
}
.rotary_burrs{
    display: none;
}
.about_dics .about_col h6 {
    font-size: 19px !important;
}
.about_dics .about_col p {
    font-size: 16px!important;
    margin-top: 5px!important;
}
.about_dics h2 {
    font-size: 18px !important;
}
 p{
    font-size: 15px !important;
}
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1180px)  {
.navbar-nav {
    display: inline-flex;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 768px) { 
.hss_products .hss_content h6 {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
}
.navbar-nav {
    float: left !important;
    margin-top: 2rem;
}

.less5 h6 {
margin-top: 10px !important;
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 17px !important;
}
.less5 a {
    //color:#000 !important;   font-size: 14px !important;
}
.less5 h3 {
    color: #01152f !important;
    font-size: 19px !important;
}
.marbo-resp13 {
    margin-bottom: 13px !important;
}
.large_head h2 {
    font-size:18px!important; line-height:20px!important;
}
.gallery_content h2 {
    font-size:19px !important;
}
.gallery_content a {
    padding:5px 1rem !important;
}

}
/*testing*/
.header{
  background-color: teal;
  color: #FFFFFF;
  position: fixed;
  width: 100%;
  height: 65px;
    z-index: 9999;
}
.header-unpin{
  display:none;
}
.header-pin{
  display:block;
}
/*//header fixed*/
/*testimonial*/
.col-center {
    margin: 0 auto;
    //float: none !important;
}
.carousel {
    margin: 22px auto;
    padding:0px 10px;
    margin-top: 2rem;
}
.carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
   // min-height: 290px;
   height: auto;
}
.carousel .item .img-box {
    width: 135px;
    height: 135px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
.carousel .testimonial {
    padding: 30px 0 10px;
}
.carousel .overview {   
    font-style: italic;
}
.carousel .overview b {
    text-transform: uppercase;
    color: #f5cb4c;
}
.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}
.carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
    bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    border-radius: 50%;
}
.carousel-indicators li {   
    background: #055093;
    border-color: transparent;   
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {    
    background: #555;       
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
form#gsr-contact {
    width: 98%;
    float: right; 
}
.cforms-sty1 input {
    background: none;
    border: 1px solid #fcc310;
}
.cforms-sty1 textarea {
    background: none;
    border: 1px solid #fcc310;
}
.bg-color-white {
    background: url(../images/footer_para.jpg) 50% 0 no-repeat fixed !important;
    margin-top: 5%!important;
    padding-bottom: 0px !important;
    border-radius: 6px!important;
}
.bg-color-white_2 {
    //background: url(../images/footer_para.jpg) 50% 0 no-repeat fixed;
    margin-top: 1rem;
    //padding-bottom: 4rem;
   // background-color: #dcad23;
    border-radius: 6px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: none;
    border: none;
}
.darkgray {
    color: #fff !important;
}
.diamondshape-social a {
    color: #fff;
    border: 1px solid #fff;
}
.email_col {
    color: #fff; font-weight: 500;
}
.email_col:hover {
    color:#fff !important;
}
.email_col2 {
    color:#000; font-weight:600;
}
.email_col2:hover {
    color:#055093;
}
.abt_dic_cont .form_cont {
    border: 1px solid red;
}
select.selectpicker {
    border: 1px solid #cdcfd0 !important;
    padding: 7px 12px !important;
    width: 100%;
    border-radius: 4px;
    background: transparent;
    }
.form-group {
    margin-bottom: 0px !important;
}
input[type=file] {
    //padding-bottom: 3rem !important;
}
.arrow {
  text-align: center;
  //margin-top: 27%;
}
.arrow a {
    font-size: 2.5rem;
}
.arrow a:hover {
    color: #fff;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/*slider*/
.main {
  font-family:Arial;
  width:500px;
  display:block;
  margin:0 auto;
}
h3 {
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}
.action{
  display:block;
  margin:100px auto;
  width:100%;
  text-align:center;
}
.action a {
  display:inline-block;
  padding:5px 10px; 
  background:#f30;
  color:#fff;
  text-decoration:none;
}
.action a:hover{
  background:#000;
}
.main h6 {
    color: #fff;
}
/* vertical scroll-bar*/
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#055093; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


.slider_cont {
    //border: 1px solid red !important;
    width: 100%;
}
#slider1_container {
    //border: 1px solid red !important;
    width: 100% !important;
    margin-top: 2.5rem;

}
#slider1_container .slider_cont {
   // border: 1px solid #ffbf00 !important;
    width: 100% !important;
}

/*color change font header */

    .header_font {
      
      margin: 0 auto;
      
    }

    .awesome {
      
      font-family: futura;      
      width:100%;
      margin: 0 auto;
      text-align: left;
      line-height: 2rem;
      color:#313131;
      font-size:20px;
      font-weight: bold;
      position: absolute;
      -webkit-animation:colorchange 20s infinite alternate;
      
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: #000;
      }
      
      10% {
        
        color: #ffbf00;
      }
      
      20% {
        
        color: #1abc9c;
      }
      
      30% {
        
        color: #d35400;
      }
      
      40% {
        
        color: #fff;
      }
      
      50% {
        
        color: #34495e;
      }
      
      60% {
        
        color: blue;
      }
      
      70% {
        
        color: #2980b9;
      }
      80% {
     
        color: #f1c40f;
      }
      
      90% {
     
        color: #2980b9;
      }
      
      100% {
        
        color: pink;
      }
    }

/*type- writing-*/  
.typed {
 color: #fafafa;
}
.auto_type_writer {
    margin-top: 13%;
    text-align: center;
}
.auto_type_writer h2 {
    color: #fcc210;
    font-size: 1.6rem;
    font-weight: 500;
}
h1#example {
    font-size: 1.5rem;
    line-height: 3.5rem;
    text-transform: uppercase;
    }
/* scoll- down*/
.words {
  text-align:center;
  position: absolute;
  left: 50%;
  height: 50px;
  width: 300px;
  margin-left: -150px;
  margin-top: -25px;
  bottom: 0;
}
.words h1 {
    color: #f9f9f9;
    font-size: 14px;
    font-weight: 500;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
i {
  display: block;
  color: #fff;
}
.arrow {
  //position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 45%;
  width: 40px;
  height: 60px; /*change with size of arrow to make sit on bottom */
/*   background-image: url(); */
/*   background-size: contain; 2600+1500+1000+1500+2000*/
} 

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.words_cont {
    margin-top: 35%;
    line-height: 12rem;
}
.arrow .fa-5x {
    color: #ffbf00;
    font-size: 4rem;
}
span.input-group-addon i {
    color: #484848 !important;
}
/*input file*/
.input-file-container {
  position: relative;
  width: 100%;
} 
.js .input-file-trigger {
    display: block;
    padding:8px 45px;
    color: #828080;
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    border: 1px solid #cdcfd0 !important;
    font-weight: 400;
    border-radius: 2px;
}
.js .input-file {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: none;
  color: #000;
  border: 1px solid #055093;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
.js .file-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}

.marquee_count {
    text-align: left;
    padding: 2rem 0px;
}
.marquee_count h6 {
    color: #404040;
}
h2.big2 {
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
}
/*Tawk Live chat*/
.theme-background-color {
    background-color: red !important;
    padding-top: 10px !important
}
.agentChatContainer .message {
    background-color: red !important;
}
#bubble-image {
    display: none!important;
}
.background-image5 .pro_heads {
    text-align: left;
}
.background-image5 .pro_heads h5 {
color: #055093;
    font-size: 14px;
    width: 200px;
    border-bottom: 2px solid #055093;
    line-height: 30px;
}
.less5 a {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 34px;
} 
.less5 a:hover {
    color: #055093 !important;
}
.less5 i {
    color: #055093;
    font-size: 18px;
    margin-right: 2px;
    padding: 8px 12px;
    border-radius: 3px;
    margin-top: 11px;
}
.less5  h6 {
    color: #055093;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px; display:none;
}
.background-image5 {
    padding-top: 3rem 0px !important;
    //background: url(https://dictoolsindia.com/images/dic_footer_bg_color.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-attachment: fixed;
    background-size: cover;
    background-color: #4e4e4e;
    
    
}

.valign3 li {
    color: #fff;
    font-size: 14px;
    line-height: 29px;
}
.valign3 li p {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px !important;
    margin-top: -10px;
    text-decoration: overline;
    text-align: left;
}
.valign3 li h6 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
}
}
.less5 img {
    padding:0px;
}
.dic-segments {
    text-align:center;
}
.dic-segments h4 {
    color: #353535;
    font-size: 26px;
    text-decoration: underline;
    display:none;
}

.dic-segments img {
  //padding: 50px;
  transition: transform .9s;
  margin: 0 auto;
}



/*about-css-file-starts  */

.product_cont .pro_list li a:focus {
    font-weight:  bold; 
    //color: #055093 !important; 
    color: #055093 !important;
  }
.product_cont .pro_info .pro_img {
    padding: 8px;
    box-shadow: 0px 4px 16px 7px #ccc;
}
.brazed_tools {
    background: url(../images/brazed-carbide-banner.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;  

    text-align: center;

    background-position: right;

    background-size: cover;
}
.brazed_tools h1 {
  display: none;
}
.special_tools {
    background: url(../images/special-cutting-tools.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;  

    text-align: center;

    background-position: right;

    background-size: cover;
}
.special_tools h1 {
  display: none;
}

.indexable_tools {
    background: url(../images/indexable-cutting-banner.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;  

    text-align: center;

    background-position: right;

    background-size: cover;
}
.indexable_tools h1 {
  display: none;
}
.bevel_tools {
    background: url(../images/bevel-gear-banner.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;  

    text-align: center;

    background-position: right;

    background-size: cover;
}
.bevel_tools h1 {
  display: none;
}
.pcd_cbn_tools {
    background: url(../images/pcd-cdn-banner.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;  

    text-align: center;

    background-position: right;

    background-size: cover;
}
.pcd_cbn_tools h1 {
  display: none;
}
.rotary_burrs {
    background: url(../images/rotary-burr-banner.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
}
.rotary_burrs h1 {
  display: none;
}

.bits_puches_class{
    background: url(../images/bits-punches-banner.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
}
.bits_puches_class h1 {
  display: none;
}


.gear-cutting {
    background: url(../images/gear_cutting.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
}
.gear-cutting h1 {
  display: none;
}
.brazed-cutting {

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
}
.brazed-cutting h1 {
  display: none;
}
.gun-drills-head {
    background: url(../images/gun-drills-banner.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
}
.gun-drills-head h1 {
   display: none;
}
.wood-working {

  background: url(../images/wood-working.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;

}
.wood-working  h1 {
  display: none;
}
.solid_carbide {

  background: url(../images/solid-carbide-tools.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;

}
.solid_carbide h1 {
  color: #313131;
    font-size: 26px;
    font-weight: 500;
    display: none;
}
hr {
  width: 54px;
    height: 1px;
    background-color: #5f5f5f;
    border: none;
    display: none;
}
.taps_dies {

  background: url(../images/taps_dies.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover; display: none;  

}
.taps_dies h1 {
  display: none;
}

.about_header {

  background: url(../images/about_header.jpg)  0 no-repeat;
    
    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
    
    display:none;

}
.about_header_knives_blades {
    background: url(../images/about_header_knives_blades.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
}
.about_header_knives_blades h1 {
  display: none;
}
.about_header_broch {

  background: url(../images/broching_tools.jpg)  0 no-repeat;

    padding:8rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;

}
.about_header_broch h1 {
    color: #313131;
    font-size: 26px;
    font-weight: 500;
    display: none;
}
.about_header h2 {

  color: #060203;

  } .breadcrumb {

  float: left;

  background: none;     border-bottom: 1px solid #bbbbbb;
    margin-top: 2rem;
}
.about_header h1 {

    color: #313131;
    font-size: 26px;
    font-weight: 500;
    display: none;
}
.about_header p {
  color: #fef6f4;
  font-weight: 600;
  font-size: 13px;
}
.breadcrumb>li {
    color: #131212 !important;
    font-size: 14px;
    font-weight: 600;
}
.breadcrumb>li i {
    color: #055093;
    font-size: 24px;
}
.about_dic {
  border: 1px solid;
}
.about_dic h2 {
    text-align: center;
    color: #131212;
    font-weight: 300;
    font-size: 29px;
}
/*old*/
.about_col {

  //background-color: #f4f4f5;
}
.about_dic .abt_col1 {
  border: 1px solid #000;
  padding: 1rem 1rem;
}
.about_dic .about_col_icon {
    border: 1px solid yellow;
    display: flex;
    float: left;
    padding: 20px;
}
.about_dic .about_col_icon .fa {
  color: #ffcd0a;
  font-size: 3rem;
}
.about_dic .about_col_info{
  margin-left: 2rem;
  border:1px solid;
 }
 .about_col_info p {
  font-size: 15px;
}
/*//old*/
/*new about*/
.about_dics {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.about_dics .about_col_cont {
  background-color: #f5f5f5;
} 
.about_dics .about_col {
  border:2px solid white;
  text-align: center;
}
.about_dics .about_col ul {
    padding: 7px 1rem;
    text-align: left;
    padding-left: 1rem;
}
.about_dics .about_col ul li {
      display: contents;
      border: 3px solid #000;
}
.about_dics .about_col ul li i {
  color: #000;
    font-size: 3rem;
    margin-bottom: 8px;
    display:none;
}
.about_dics .about_col h6 {
    color: #c30000;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 32px;
}
.about_dics .about_col p {
  font-size: 13px;
  color: #000;
}
.about_dics h2 {
    color: #131212;
    font-weight: 500;
    margin: 10px 0px;
    font-size: 25px;
}
.about_dics p {
  color: #000;
    line-height: 28px;
    font-size: 14px;
}
.darkgray2 {
  color: #000;
}
#our_team {
  margin-top: 5%;
}
#our_team .our_team_col {
  text-align: left;
}
#our_team .our_team_col img {
  opacity: 0.8;
  display: none;
  border-radius: 4px;
}
#our_team .our_team_col img:hover {
  opacity: 1;
}
#our_team .our_team_col h3 {
    color: #504e4e;
    text-align: left;
    font-size: 29px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
#our_team .our_team_col p {
    color: #000;
    line-height: 28px;
    font-size: 14px;
}
#our_team .our_team_col ul {
    color: #868585;
    line-height: 2rem;
    list-style-type: none;
}
#our_team .our_team_col ul  i {
  color: #000;
    margin-right: 8px;
    font-size: 22px;
}
#our_team .our_team_col ul  li {
  color: #000;
    font-size: 15px;
}
#our_team .about_process {
    text-align: left;
}
#our_team .about_process h3 {
    color: #131212;
    margin: 0;
    padding: 0;
    line-height: 3rem;
    font-size: 25px;
    text-align: left;
    font-weight: 500;
}
#our_team .about_process p {
  color: #000;
    line-height: 28px;
    font-size: 14px;
    margin-top: 1%;
}
#our_team .about_process_img {
  background:url(../images/about_banner_2.jpg)  0 no-repeat;
  padding: 5rem;
  text-align: center;
  margin-top: 3rem;
  border-radius: 5px;
}
#our_team .about_process_img a {
    padding: 8px 18px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 67px;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
}
#our_team .about_process_img a:hover {
  background-color: #fcc310;
  color: #000;
}
.border4.gray {
    border: 2px solid #e6e5e1;
    border-radius: 5px;
}
/*product -page- Styling*/
.product_cont .pro_info  {
    padding: 0px 10px; color:#000;
}
.product_cont thead {
  background-color: #ffc70d;
}
.product_cont .table>tbody {
  border: none !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
    color: #000;
    font-weight: 600; text-align: center; vertical-align: middle;
}
.product_cont .pro_info ul li {
  list-style: none;
  color:#000;     line-height: 28px; display: block;
}
.product_cont .pro_info ul li strong {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}
.product_cont .pro_info h1 {
    //border-bottom: 1px solid #5d5d5d;
    padding: 8px 11px;
    color: #000;
    font-size: 20px;
    font-weight: 600;      font-family: inherit;
}
.product_cont .pro_info h6 {
    color: #081e4e;
    font-weight: 600;
    padding: 24px 0px 4px 0px;
    font-size: 15px; text-transform: uppercase;
}
.pro_list {
    //background-color: #f9f9f9;
    padding: 14px 16px;
}
.product_cont .pro_list h2 {
    color: #ffffff;
    background-color: #055093;
    padding: 11px 9px;
    font-size: 16px;
}
.product_cont .pro_list h2 i {
 color: #67696b;
    font-size: 19px;
    margin-right: 11px;
    display: none;
}
.product_cont .pro_list ul li {
    list-style: none;
    padding: 10px 0rem 6px 9px;
    //background-color: #d2d2d2;
    border:1px solid #ececec;
    color: #000;
}
.product_cont .keyway {
    margin-left: 15px;
}
.product_cont  .keyway  ul li {
  list-style-type: none;
  background-color: #f3f3f3;
  display: flex;
} 
.product_cont  .keyway  ul li a {
   // color: #bf2c0b;
    //font-weight: 600;
    font-size: 13px;
}
.product_cont .pro_list ul li i {
    color: #055093;
    font-size: 19px;
    margin-right: 8px;
    font-weight: 600; display:none;
}
.product_cont .pro_list ul li:hover {
  background: #fff;
}
.product_cont .pro_list li a {
    font-weight: 500;
    font-size: 13px;
    font-family: sans-serif;
    text-transform: capitalize;
}
.product_cont .pro_list li a:hover {
  color: #055093 !important;
}
.product_cont {
    text-align: left;

    background-color:#fff;

   // padding:2% 0px 4% 0px;
}
.product_cont h4 {
    font-size: 19px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 7px;
    text-align: left;
}

.product_cont p {
    font-size: 14px;
    //color:#000 !important;   
    line-height: 28px;   
}
.pro-col {
    display: flex;
    margin:1.4rem 1rem;
    padding: 10px;
}
.pro-col:hover {
    transition: all 0.5s ease 0s;
    box-shadow: 0 0 27px rgba(33,33,33,.2);
}
.product_cont .pro_col_icon {
    width: 40%;
    background-color: #f7bc04;
    text-align: center;
    height: 53px;
    border-radius: 4px;
}
.product_cont .pro_col_icon i {
    color: #353535;
    font-size: 2rem;
    line-height: 3rem;
}
.product_cont .pro_col_info {
   margin-left: 1rem;
}
.product_cont .pro_col_info a {
    text-decoration: none;
    color: #272727;
    margin-left: 8px;
}
.product_cont .pro_col_info a:hover {
    color: red;
}
.product_cont h3 {
    color: #404142;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: 400;
    font-size: 25px;
}
.product_cont .pro_info h2 {
    padding: 8px 11px;
    color: #000;
    font-size: 20px;
    font-weight: 600; font-family: inherit;
}
/*product-slider*/
.product_info h3 {
    color: #3498db;
    margin: 0;
    padding: 0;
    line-height: 4rem;
    font-size: 22px;
    text-align: left;
    text-transform: uppercase;
}
.carousel-inner {
    margin-top: -2rem !important;
    box-shadow: 5px 4px 7px #808080;
    border-radius: 7px;
}

.info a {
    color: #3498db;
}
/* recent product-gellery*/
.col-item
{
    border: 2px solid #f7bc04;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}
.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}
.col-item:hover .info {
    background-color: rgba(215, 215, 244, 0.5); 
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}
.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}
.price-text-color
{
    color: #00990E;
}
.col-item .info .rating
{
    color: #003399;
}
.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}
.col-item .separator
{
    border-top: 1px solid #FFCCCC;
}
.clear-left
{
    clear: left;
}
.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.col-item .separator p i
{
    margin-right: 5px;
    display: none;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}
.col-item .btn-add
{
    border-right: 1px solid #CC9999;
}
.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}

[data-slide="prev"]
{
    margin-right: 10px;
}
.modal-dialog {

    width: 96% !important;
}
.btn-info {
    color: #fff;
    background: none;
    border-color: #f7bc04;
    color: #f7bc04;
    font-weight: 400;
    float: right;
    padding:8px 13px !important;
    font-size: 14px;
}
.btn-info:hover {
    background-color:#f7bc04;
    color: #000;
    border: none; 
}
.btn-info:focus {
    background-color: #f7bc04;
    color:#000;
    border: none;
}
.btn-info:active {

    background-color: #f7bc04;

    color:#000;

    border: none;

}

.table{

    margin-bottom: 3%;

}

.table>tbody {

    //border: 1px solid red !important;

}



.table>tbody>tr {

   // border: 1px solid red !important;

}

/*testing*/



.panel-heading:hover {

    cursor:pointer;

}

.panel-heading {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;    

}



.side-tab:hover {

        cursor: pointer;

    }

    .panel.panel-default {

        border: none;

        box-shadow: none !important;

        border-bottom-right-radius: 0px;

        border-bottom-left-radius: 0px;

        

    }

    .panel-heading {

        border: none;

        background-color: #eee;

    

    }

    .panel-body {

        background-color: #f5f5f5;

    }

    .panel-title {

        font-weight: 400;

        color: $white;

    }






.md-macbook-pro {

  display: block;

  width: 55.3125em;

  height: 31.875em;

  font-size: 13px;

  margin: 0 auto;



  @media (max-width:1199px){

    font-size: 11px;

  }

  @media (max-width:1024px){

    font-size: 10px;

  }



  @media (max-width:767px){

    font-size: 7px;

  }



  @media (max-width:320px){

    font-size: 5px;

  }



}

.md-macbook-pro .md-lid {

  width: 45em;

  height: 30.625em;

  overflow: hidden;

  margin: 0 auto;

  position: relative;

  border-radius: 1.875em;

  border: solid 0.1875em #cdced1;

  background: #131313;

}

.md-macbook-pro .md-camera {

  width: 0.375em;

  height: 0.375em;

  margin: 0 auto;

  position: relative;

  top: 1.0625em;

  background: #000;

  border-radius: 100%;

  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);

}

.md-macbook-pro .md-camera:after {

  content: "";

  display: block;

  width: 0.125em;

  height: 0.125em;

  position: absolute;

  left: 0.125em;

  top: 0.0625em;

  background: #353542;

  border-radius: 100%;

}

.md-macbook-pro .md-screen {

  width: 42.25em;

  height: 26.375em;

  margin: 0 auto;

  position: relative;

  top: 2.0625em;

  // background: #1d1d1d;

  background: #fff;

  overflow: hidden;

}

.md-macbook-pro .md-screen img {

  width: 100%;

}

.md-macbook-pro .md-base {

  width: 100%;

  height: 0.9375em;

  position: relative;

  top: -0.75em;

  background: #c6c7ca;

}

.md-macbook-pro .md-base:after {

  content: "";

  display: block;

  width: 100%;

  height: 0.5em;

  margin: 0 auto;

  position: relative;

  bottom: -0.1875em;

  background: #b9babe;

  border-radius: 0 0 1.25em 1.25em;

}

.md-macbook-pro .md-base:before {

  content: "";

  display: block;

  width: 7.6875em;

  height: 0.625em;

  margin: 0 auto;

  position: relative;

  background: #a6a8ad;

  border-radius: 0 0 0.625em 0.625em;

}

.md-macbook-pro.md-glare .md-lid:after {

  content: "";

  display: block;

  width: 50%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  border-radius: 0 1.25em 0 0;

  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));

  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));

  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));

  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));

}

.enquiry_now2 {

    padding:7px 23px;

    color: #fff;

    font-weight: 400;

    border-radius: 5rem;

    text-decoration: none;

    background-color: #3a3a3a;

    position: relative;

    top: 50%;

    margin-top: 0px;

    font-size: 1.1em;

    text-align: center;

    letter-spacing: -1px;

    border: none;

    cursor: pointer;

    display: inline-table;

}

.enquiry_now2:hover {

    border: 1px solid #055093;

    background:none;

}

.abt_md {

  margin-top: 9%;

  padding: 0rem 1rem;

}

.abt_md h6 {

    text-align: left;

    color: #0e468c;

    font-size: 18px;

    letter-spacing: 1px;

    line-height: 1rem;

}

.abt_md p {

  text-align: left;

  color: #000;

  font-size: 13px;

}

.abt_md .abt_md_cont {  

border: 1px solid #e4bd4b;

    padding: 18px;

}

.address {
  

}

.address h3 {

    font-size: 18px;

    line-height: 26px;

    margin: 0;

    padding: 0;

    text-align: left;

    font-weight: 500;

    margin-bottom: 1rem;



}

.address h5 {

    text-align: left;
    font-size: 14px;  
    color: black;
    font-family: inherit; font-weight:600 !important;

}
.address strong {
    font-size:17px;
}
.address h5 i {

  color: #055093;

  font-size: 14px;

}

.address h2 {

    font-size: 16px;

    margin-bottom: 8px;

}

.imp_links p {

    font-size: 16px;

    font-weight: 600;

    color: #3f3f40;

}

.imp_links ul {

  margin-top:10px;

  padding: 0;

}

.imp_links ul li {

  list-style: none;

}

.imp_links a {

    line-height: 27px;

    color: #868585;

    font-size: 15px;

}

.imp_links ul li i {

    color: #f8b900;

    font-size: 19px;

    margin-right: 12px;

}

.contact_text {

    margin: 1rem 0px;
    clear: both;

}

.contact_text_2 {

   padding: 1.5rem 0px;

   background-color: #efeeec;

}

.contact_text_2 h2 {

    color: #424141;
  
    font-weight: bold;  

    font-size: 2rem;

    letter-spacing: 1px;

    text-align: center;

}

.contact_text .flag_con {
    max-height: 250px;
    max-width: 150px;  
}

.contact_text h1 {
    margin: 2rem 0px;
    font-size: 1.3rem;
    color: #000000;
    font-weight: 600;
    text-align: center;
    padding: 6px 0px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 1.8rem; 
}

.contact_text h3 {
    color: #000000;
    font-weight: 500;
    font-size: 26px;  text-align:left;
}

.contact_text p {

color: #000;
    margin: 0;
    line-height: 2rem;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;     font-size: 17px !important;

}

.contact_text .contact_about {
    color: #000000;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: inherit;
}   
/*test*/
.arbor_process {
    margin-top: 9rem;
}
.arbor_process ul {

}
.arbor_process ul li {
  list-style-type: square !important;
}

.navbar-toggle .icon-bar {
  background-color: #131212 !important;
}


















/* style_dic-css-file */



.site-wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}


/* contact form */
#form_status span{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	background: #E74C3C;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 10px 0px;
	border-radius: 3px;
	margin-bottom: 18px;
}
#form_status span.loading{
	color: #333;
	background: #eee;
	border-radius: 3px;
	padding: 18px 0px;
} 
#form_status span.notice{
	color: yellow;
}
#form_status .success{
	color: #fff;
	text-align: center;
	background: #2ecc71;
	border-radius: 3px;
	padding: 30px 0px;
}
#form_status .success i{
	color: #fff;
	font-size: 45px;
	margin-bottom: 14px;
}
#form_status .success h3{
	color: #fff;
	margin-bottom: 10px;
}

.cforms-sty1 label {
	float: left;
	width: 100%;
	color: #454545;
	text-align: left;
	font-size: 13px;
	padding: 0px 0px 7px 0px;
	font-weight: normal;
}
.cforms-sty1 label em {
	color: #2ecc71;
	font-style: normal;
}
.cforms-sty1 input {
	color: #000;
	float: left;
	width: 100%;
	padding: 9px 12px;
	margin-bottom: 10px;
	border: 1px solid #bbb;
	background: #bbb;
}
.cforms-sty1 textarea {
	color: #000;
	float: left;
	width: 100%;
	padding: 9px 12px;
	margin-bottom: 10px;
	border: 1px solid #bbb;
	background: #bbb;
}
.cforms-sty1 .button {
	float: left;
	margin-top: 9px;
	color: #fff;
	padding: 13px 35px;
	font-size: 13px;
	font-weight: 600;
	background: #1d2025;
	border: 1px solid #1d2025;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
}
.cforms-sty1 .button:hover {
	background: #454545;
	border: 1px solid #393939;
}

.cforms-sty2 label {
	float: left;
	width: 100%;
	color: #fff;
	text-align: left;
	font-size: 13px;
	padding: 0px 0px 7px 0px;
	font-weight: normal;
}
.cforms-sty2 label em {
	color: #2ecc71;
	font-style: normal;
}
.cforms-sty2 input {
	color: #000;
	float: left;
	width: 100%;
	padding: 9px 12px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	background: #eee;
}
.cforms-sty2 textarea {
	color: #000;
	float: left;
	width: 100%;
	padding: 9px 12px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	background: #eee;
}
.cforms-sty2 .button {
	float: left;
	margin-top: 9px;
	color: #fff;
	padding: 13px 35px;
	font-size: 13px;
	font-weight: 600;
	background: #0090ff;
	border: 1px solid #0090ff;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
}
.cforms-sty2 .button:hover {
	background: #454545;
	border: 1px solid #393939;
}
.cforms-sty2 .button.orange {
	background: #e67e22;
	border: 1px solid #e67e22;
}
.cforms-sty2 .button.orange:hover {
	background: #454545;
	border: 1px solid #393939;
}

.cforms-sty3 label {
	float: left;
	width: 100%;
	color: #000;
	text-align: left;
	font-size: 14px;
	padding: 0px 0px 7px 0px;
	font-weight: normal;
}
.cforms-sty3 label em {
	color: #575858;
	font-style: normal;
}
.cforms-sty3 input {
    color: #000;
    float: left;
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #f3f3f3;
    border-radius: 4px;
}
input.dic_contact {
    background-color: #055093 !important;
    padding: 9px 0px;
    width: 143px;
    border: 1px solid #055093;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
input.dic_contact:hover {
	background-color: #000;
	color: #fff;
}
.cforms-sty3 textarea {
	color: #000;
	float: left;
	width: 100%;
	padding: 9px 12px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	background: #efeeec !important;
}
.cforms-sty3 .button {
    float: left;
    margin-top: 9px;
    color: #fff;
    padding: 6px 18px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #ffffff;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fcc310;
    border-radius: 2rem;
}
.cforms-sty3 .button:hover {
	background: #000;
	border: 1px solid #000;
	color: #fff;
}
.cforms-sty3 .button.full {
	width: 100%;
	padding: 16px 0px;
	background: #0090ff;
	border: 1px solid #0090ff;
}
.cforms-sty3 .button.full:hover {
	background: #1d2025;
	border: 1px solid #1d2025;
}

/*----------------------------------------------------
   FEATURE SECTIONS ELEMENTS
------------------------------------------------------*/
.white-box-shadow {
	float: left;
	width: 100%;
	background: #fff;
	padding: 50px 50px 45px 50px;
	border-bottom: 1px solid #fff;
	box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease;
}
.white-box-shadow:hover {
	border-bottom: 1px solid #0090ff;
}
.white-box-shadow:hover h3 {
	color: #0090ff;
}
.white-box-shadow:hover hr {
	background: #0090ff;
}
.white-box-shadow:hover a {
	color: #0090ff;
}

.box-shadow-effect1 {
	float: left;
	width:100%;
	background:#fff;
	border: 1px solid #e1e1e1;
}
.shadow-effect1
{
  position: relative;
}
.shadow-effect1:before, .shadow-effect1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 100%;
  background: #777;
  -webkit-box-shadow: 0 10px 18px #aaa;
  -moz-box-shadow: 0 10px 18px #aaa;
  box-shadow: 0 10px 18px #aaa;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.shadow-effect1:after
{
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  right: 10px;
  left: auto;
}

.shadow-box1 {
	background-color: #f9f9f9;
	border: 1px solid #f3f3f3;
	padding: 5%;
}
.shadow-box1 .box {
	width: 100%;
	padding: 16%;
	background: #fff;
	transition: all 0.3s ease;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.06)
}
.shadow-box1:hover .box {
	margin-top: -25px;
}

.img-hover-box-main {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	padding-bottom: 20px;
}
.img-hover-box {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-top: -20px;
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 30px 40px 40px 40px;
	transition: all 0.3s ease;
}
.img-hover-box-main:hover .img-hover-box {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.img-hover-box-main img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img-hover-box-main:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.img-hover-text {
    position: relative;
	background: #1d2025;
}
.img-hover-text img {
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text img:hover {
	opacity: 1;
}
.img-hover-text .distext {
    opacity: 0;
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
	bottom: 25px;
	padding: 12% 5% 5% 5%;
    background: #055093;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	color: #000;
	
	transform: scale(0.95);
}
.img-hover-text:hover .distext {
    opacity: 0.9;
	transform: scale(1);
}

.img-hover-text2 {
    position: relative;
	background: #2a67ef;
}
.img-hover-text2 img {
    display: block;
}
.img-hover-text2 .distext {
    position: absolute;
    top: 0px;
    left: 0px;
	padding: 16% 14% 5% 14%;
    color: #fff;
    text-decoration: none;
}
.img-hover-text2.sty2 .distext {
    position: absolute;
}

.img-hover-text3 {
    position: relative;
	background: #1d2025;
}
.img-hover-text3 img {
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text3 img:hover {
	opacity: 1;
}
.img-hover-text3 .distext {
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
	bottom: 30px;
	padding: 25% 5% 5% 5%;
    background: #fff;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
}
.img-hover-text3 .distext:after {
	content: '';
	position: absolute;
	top: -8px;
	left: -8px;
	right: -8px;
	bottom: -8px;
	border: 2px solid #fff;
}
.img-hover-text3:hover .distext {
    opacity: 0.9;
}

.img-hover-text4 {
    position: relative;
	background: #1d2025;
}
.img-hover-text4 img {
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text4 img:hover {
	opacity: 1;
}
.img-hover-text4 .distext {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 14% 5% 5% 5%;
    background: #6b2da1;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	transform: scale(0.95);
}
.img-hover-text4:hover .distext {
    opacity: 0.9;
	transform: scale(1);
}

.img-hover-text5 {
    position: relative;
	background: #1d2025;
}
.img-hover-text5 img {
	opacity: 0.5;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text5 img:hover {
	opacity: 1;
}
.img-hover-text5 .distext {
    position: absolute;
	left: 50px;
    right: 75px;
	bottom: 50px;
    text-decoration: none;
	transition: all 0.3s ease;
}
.img-hover-text5 .distext a {
	color: #1d2025;
	font-weight: 700;
	text-transform: uppercase;
	padding: 12px 14px 12px 20px;
	background: #fff;
}
.img-hover-text5:hover a {
	padding-left: 25px;
	padding-right: 30px;
}
.img-hover-text5 i {
	opacity: 0;
	margin-left: 0px;
	width: 1px;
	transition: all 0.3s ease;
}
.img-hover-text5:hover i {
	opacity: 1;
	margin-left: 5px;
}

.img-hover-text6 {
    position: relative;
	background: #1d2025;
}
.img-hover-text6 img {
    display: block;
	background: #000;
	opacity: 0.59;
	transition: all 0.3s ease;
}
.img-hover-text6:hover img {
	opacity: 0.27;
}
.img-hover-text6 .btext {
    position: absolute;
    top: 90px;
    left: 25px;
    right: 25px;
	bottom: 25px;
	padding: 12% 10% 5% 10%;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
}
.img-hover-text6:hover .btext {
    top: 50px;
}
.img-hover-text6 .distext {
    opacity: 0;
    position: absolute;
    top: 125px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 12% 14% 5% 14%;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	
	transform: scale(0.5);
}
.img-hover-text6:hover .distext {
    opacity: 1;
	transform: scale(1);
}

.img-hover-text7 {
    position: relative;
	background: #000;
}
.img-hover-text7 img {
	opacity: 0.8;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text7 img:hover {
	opacity: 0.5;
}
.img-hover-text7 .distext {
    position: absolute;
	left: 50px;
    right: 75px;
	bottom: 0px;
    text-decoration: none;
	transition: all 0.3s ease;
}
.img-hover-text7:hover .distext {
	bottom: 50px;
}
.img-hover-text7 .distext .hidtext {
	opacity: 0;
	transition: all 0.3s ease;
}
.img-hover-text7:hover .distext .hidtext {
	opacity: 1;
}

.img-hover-text7.sty2 .distext {
    right: 30px;
}
.img-hover-text7.sty2 img {
	opacity: 0.9;
}
.img-hover-text7.sty2 img:hover {
	opacity: 0.5;
}

.img-hover-text8 {
    position: relative;
	background: #1d2025;
}
.img-hover-text8 img {
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text8 img:hover {
	opacity: 1;
}
.img-hover-text8 .distext {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 14% 5% 5% 5%;
    background: #1d2025;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	transform: scale(0.95);
}
.img-hover-text8:hover .distext {
    opacity: 0.9;
	transform: scale(1);
}

.img-hover-text9 {
    position: relative;
	background: #000;
}
.img-hover-text9 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text9:hover img {
	opacity: 0.5;
}
.img-hover-text9 .distext {
    position: absolute;
	left: 30px;
    right: 30px;
	bottom: 0px;
	padding: 27px 0px 0px 0px;
    text-decoration: none;
	background: #fff;
	transition: all 0.3s ease;
}
.img-hover-text9:hover .distext {
	bottom: 0px;
	padding-bottom: 25px;
}
.img-hover-text9 .distext .hidtext {
	opacity: 0;
	transition: all 0.3s ease;
}
.img-hover-text9:hover .distext .hidtext {
	opacity: 1;
}

.img-hover-text10 {
    position: relative;
	background: #1d2025;
}
.img-hover-text10 img {
    display: block;
	background: #000;
	transition: all 0.3s ease;
}
.img-hover-text10:hover img {
	opacity: 0.27;
}
.img-hover-text10 .distext {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 20% 14% 5% 14%;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	
	transform: scale(0.5);
}
.img-hover-text10:hover .distext {
    opacity: 1;
	transform: scale(1);
}

.img-hover-text11 {
    position: relative;
	background: #fcc310;
}
.img-hover-text11 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text11:hover img {
	opacity: 0.05;
}
.img-hover-text11 .distext {
    position: absolute;
	left: 50px;
    right: 50px;
	bottom: 100px;
    text-decoration: none;
	transition: all 0.3s ease;
}
.img-hover-text11:hover .distext {
	bottom: 140px;
}
.img-hover-text11 .distext .hidtext {
	opacity: 0;
	transition: all 0.3s ease;
}
.img-hover-text11:hover .distext .hidtext {
	opacity: 1;
}

.img-hover-text11.sty2 {
	background: #1d2025;
}
.img-hover-text11.sty2:hover img {
	opacity: 0.1;
}

.img-hover-text11.sty3 {
	background: #eecf54;
}

.img-hover-text11.sty4 .distext {
	left: 50px;
    right: 50px;
	bottom: 50px;
}
.img-hover-text11.sty4:hover .distext {
	bottom: 70px;
}
.img-hover-text11.sty4 {
	background: #1d2025;
}
.img-hover-text11.sty4:hover img {
	opacity: 0.1;
}

.img-hover-text11.sty5 .distext {
	left: 50px;
    right: 50px;
	bottom: 100px;
}
.img-hover-text11.sty5:hover .distext {
	bottom: 140px;
}

.img-hover-text11.sty5:hover img {
	opacity: 0.4;
}

.img-hover-text12 {
    position: relative;
	background: #000;
}
.img-hover-text12 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text12:hover img {
	opacity: 0.75;
}
.img-hover-text12 .distext {
    position: absolute;
	top: 20%;
	left: 10%;
    right: 10%;
	bottom: 20%;
	padding: 25% 10% 10% 10%;
	background: rgba(0,118,219,0.9);
    text-decoration: none;
	transition: all 0.3s ease;
}
.img-hover-text12 .distext.sty2 {
	background: rgba(135,211,124,0.9);
}
.img-hover-text12:hover .distext {
	top: 10%;
	bottom: 10%;
}
.img-hover-text12 .distext .hidtext {
	opacity: 0;
	transition: all 0.3s ease;
}
.img-hover-text12:hover .distext .hidtext {
	opacity: 1;
}
.img-hover-text12 .distext h2:before {
  content: "";
  position: absolute;
  width: 30%;
  left: 34%;
  height: 3px;
  top: 215px;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.img-hover-text12 .distext:hover h2:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.img-hover-text12.sty2 .distext h2:before {
	top: 160px;
}
.img-hover-text12.sty2 .distext {
	padding-top: 23%;
	background: rgba(255,255,255,0.18);
	border-radius: 5px;
}

.img-hover-text13 {
    position: relative;
}
.img-hover-text13 .distext {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 18% 10% 5% 10%;
    background: #6b2da1;
    text-decoration: none;
    text-align: center;
	transition: all 0.2s ease;
	
	transform: scale(0.95);
}
.img-hover-text13:hover .distext {
    opacity: 1;
	transform: scale(1);
}

.img-hover-text14 {
    position: relative;
}
.img-hover-text14 img {
    display: block;
}
.img-hover-text14 .btext {
    position: absolute;
	top: 25%;
    left: 25px;
    right: 25px;
	bottom: 25px;
	padding: 12% 10% 5% 10%;
    text-decoration: none;
	transition: all 0.3s ease;
}

.img-hover-text15 {
    position: relative;
	background: #1d2025;
}
.img-hover-text15 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text15:hover img {
	opacity: 0.05;
}
.img-hover-text15 .distext {
    position: absolute;
	left: 100px;
    right: 100px;
	bottom: 50px;
    text-decoration: none;
	transition: all 0.3s ease;
}
.img-hover-text15:hover .distext {
	bottom: 70px;
}
.img-hover-text15 .distext .hidtext {
	opacity: 0;
	transition: all 0.3s ease;
}
.img-hover-text15:hover .distext .hidtext {
	opacity: 1;
}

.img-hover-text15.sty2 {
	background: #000;
}
.img-hover-text15.sty2 img {
	opacity: 1;
}
.img-hover-text15.sty2:hover img {
	opacity: 0.4;
}
.img-hover-text15.sty2 .distext {
	left: 50px;
    right: 50px;
	bottom: 30px;
}
.img-hover-text15.sty2:hover .distext {
	bottom: 50px;
}

.img-hover-text16 {
}
.img-hover-text16 .content {
	width: 50%;
	position: absolute;
	bottom: 67px;
	left: 75px;
	padding-top: 20px;
	padding-left: 25px;
	transition: all 0.3s ease;
}
.img-hover-text16:hover .content {
	left: 85px;
}

.img-hover-text16.sty2 .content {
	width: 58%;
}
.img-hover-text16.sty3 .content {
	width: 75%;
	bottom: 30px;
	left: 20px;
}
.img-hover-text16.sty3:hover .content {
	left: 30px;
}

.img-hover-text17 {
    position: relative;
	background: #000;
	display: inline-block;
    overflow: hidden;
}
.img-hover-text17 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text17:hover img {
	opacity: 0.5;
	transform: scale(1.2);
}
.img-hover-text17 .distext {
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
	bottom: 10px;
	padding: 45% 5% 5% 5%;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	transform: scale(0.95);
}
.img-hover-text17:hover .distext {
    opacity: 1;
	transform: scale(1);
}
.img-hover-text17 .distext.sty2 {
	padding-top: 18%;
}


.img-border-shadow {
	padding: 10px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
}
.img-border-shadow:hover {
	-webkit-box-shadow: 0px 9px 12px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 9px 12px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 9px 12px 0px rgba(0,0,0,0.1);
}



.col-hover-action {
	transition: all 0.3s ease;
}
.col-hover-action:hover,
.col-hover-action.active {
	background-color: #f7f7f7;
}
.col-hover-action2 {
	transition: all 0.3s ease;
}
.col-hover-action2:hover,
.col-hover-action2.active {
	background-color: #eee;
}
.col-hover-action3 {
	transition: all 0.3s ease;
}
.col-hover-action3:hover,
.col-hover-action3.active {
	background-color: #999;
}
.col-hover-action4 {
	transition: all 0.3s ease;
}
.col-hover-action4:hover,
.col-hover-action4.active {
	color: #fff;
	background-color: #1d2025;
}
.col-hover-action5 {
	transition: all 0.3s ease;
}
.col-hover-action5:hover,
.col-hover-action5.active {
	color: #fff;
	background-color: #0090ff;
}



/* lightbox */
.short-animate {
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -ms-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
}
.long-animate {
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}
.lightbox {
  position:fixed;
  top:-100%;
  bottom:100%;
  left:0;
  right:0;
  background:rgba(29,32,37,.9);
  z-index:9998;
  opacity:0;
}

.lightbox div {
  position:absolute;
  margin:auto;
  top:18%;
  left:5%;
  right:0;
  bottom:0;
}
.lightbox div iframe {
	width: 58%;
	height: 75%;
	padding: 0;
	margin: 0;
}
#lightbox-controls {
  position:fixed;
  height:70px;
  width:70px;
  top:-70px;
  right:0;
  z-index:9999;
  background:rgba(0,0,0,.5);
}
#close-lightbox {
  display:block;
  position:absolute;
  overflow:hidden;
  height:50px;
  width:50px;
  text-indent:-5000px;
  right:10px;
  top:10px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
#close-lightbox:before {
	content:'';
  display:block;
  position:absolute;
  height:0px;
  width:3px;
  left:24px;
  top:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}
#close-lightbox:after {
	content:'';
  display:block;
  position:absolute;
  width:0px;
  height:3px;
  top:24px;
  left:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition:.5s 1s ease-in-out;
  transition:.5s 1s ease-in-out;
}
.lightbox:target {
  top:0%;
  bottom:0%;
  opacity:1;
}
.lightbox:target div {
  max-width:100%;
  max-height:100%;
}
.lightbox:target ~ #lightbox-controls {
  top:0px;
}
.lightbox:target ~ #lightbox-controls #close-lightbox:after {
  width:50px;
}
.lightbox:target ~ #lightbox-controls #close-lightbox:before {
  height:50px;
}

@-webkit-keyframes wiggle {
	0% {
	  -webkit-transform:rotate(2deg);
  }
  20% {-webkit-transform:rotate(-2deg);}
  40% {-webkit-transform:rotate(2deg);}
  60% {-webkit-transform:rotate(-2deg);}
  80% {-webkit-transform:rotate(2deg);}
	100% {-webkit-transform:rotate(-2deg);}
}




.zoomclass {
   animation : 30s linear 1s normal none infinite zoominout
}

@keyframes zoominout{
  0%{
	   transform:scale(1)
	}
  25%{
	   transform:scale(1.2)
	}
  50%{
	   transform:scale(1.4)
	}
  75%{
	   transform:scale(1.2)
	}
  100%{
	   transform:scale(1)
	}
}


/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 9001;
}





/*dic-slider.css*/


/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900|Open+Sans:300,400,600,700');

/* === prettify === */
@import url('../js/google-code-prettify/prettify.css');



/* ===================================
5. Section: Featured
==================================== */

#featured{
	width: 100%;
	background:#fcfcfc;
	position:relative;
	margin:0;
	padding:0;
}
#featured.bg {

}

/* ===================================
6. Sliders
==================================== */

/* rev slider */
.tp-caption a.btn {
	color: #fff;
}

/* flexslider */
.main-slider.flexslider {
    //margin: 40px 0 50px; 
background: transparent; border: none;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; 
-o-box-shadow: none;
box-shadow: none;
}

.main-slider .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.main-slider .flex-caption { bottom: 35px; color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 0; width: 295px;}
.main-slider .flex-caption h3 {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 23px;
    line-height: 2rem;
    text-align: left;
    font-weight: 600;
    display:none;
    
    
}
.main-slider .flex-caption p {margin: 0 0 15px;   display:none;}

.main-slider  .flex-direction-nav a:before  { 

content: " ";
    display: block;
    background: url(https://dictoolsindia.com/images/left-control.png) no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;

}
.main-slider  .flex-direction-nav a.flex-next:before  { 
content: " ";
    display: block;
    background: url(https://dictoolsindia.com/images/right-control.png) no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    
    
}
.flex-direction-nav .flex-next {
    right:3rem !important;
}


/* ===================================
7. Section: call action
==================================== */
section.callaction {
	background:#055093;
	padding:30px 0 0 0;
}
.cta-text {
	//margin-top:10px;
	text-align: left;
}

.cta-text h2 {
    font-weight: 800;
    line-height: 1.1em;
    font-size: 22px; color:#212121;
}
.cta-text h2 span {
    color: #183e7c;
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
}
.cta-text  p {
    color:#000; text-align: left;
}
.cta-btn {
	padding:0px 0px 35px 0px;
}

.cta-btn .btn {
padding: 8px 33px;
    text-align: center;
    cursor: pointer;
    background-color: #ffffff;
    color: #130f08;
    border: 1px solid #055093;
    font-weight: 600;
}
.cta-btn i {
    color:#fff;
}

/* ===================================
8. Section: Content
==================================== */

#content {
	position:relative;
	background:#fff;
	padding:60px 0 40px 0;
}

#content img {
	margin-bottom: 30px;
}

/* --- box --- */

.box {
	width: 100%;
}
.box-gray  {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i {
	margin-bottom: 20px;
}

.box h4 {
	font-weight: 300;
}

.box .icon {
	margin-bottom: 20px;
}


/* =============================
21. Media queries 
============================= */

@media (min-width: 979px) and (max-width: 1200px) {
	#wrapper.boxed{
		width:1000px;
		margin:0 auto;	
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#wrapper.boxed{
		width:784px;
		margin:0 auto;	
	}

	a.detail{
		background:none;
		width:100%;
	}




	ul.related-folio li{
		width:156px;
		margin:0 20px 0 0;
	}	
}

@media (max-width: 767px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
  
 	#wrapper.boxed{
		width:90%;
		margin:0 auto;	
	}


	#inner-headline .breadcrumb {
		float:left;
		clear:both;
		width:100%;
	}




}

@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}


	.search{
		float:left;
	}


	.cta-text {
		margin:0 auto;
		text-align:left;	
	}
	
	ul.portfolio li article a i{
		width:20px;
		height:20px;
		font-size:14px;
	}
	.main-slider .flex-caption {
		bottom: 0;
		text-align: center;
		display:none;
	}
	.main-slider .flex-caption p {
		display: none;
	}
	
	.cta-btn {
		float: none;
		text-align: left;
		margin-top:12px;
	}

}


/*lata-code*/
.highlights_main {
text-align: center;
    background: url(../images/2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4rem 0px;    // background-attachment: fixed; height: 380px;
}
.highlights_main .highlight_seg {
    padding: 4rem 2.3rem;
    min-height: 280px;
    margin-top: 3rem;
    background-color: #ffffff;
    border-radius: 4px;
    background-size: 186px;
    background-repeat: no-repeat;
    border: 1px solid #ffffff;
    box-shadow: 5px 3px 20px 15px rgb(0 0 0 / 10%);
}
.highlights_main .highlight_seg p {
color: #313131;
    line-height: 1.4rem;
    margin-top: 15px;
}
.highlights_main  h1 {
    color:#fff;
}
.pro_parallax {
    //background: url(../images//bg-pattern.png);
    background-position: top;
    background-repeat: repeat;
    background-attachment: fixed;
    padding: 4% 0px; margin-bottom: -2rem !important;
    
}
.pro_parallax_2 {
    background: url(../images//bg-pattern.png);
    background-position: top;
    background-repeat: repeat;
    background-attachment: fixed;
    padding: 4% 0px;
    margin: 8px 0px;
    
}
.main-slider .flex-caption .btn {
    padding: 8px 33px;
    text-align: center;
    cursor: pointer;
    background-color: #055093;
    color:#000;
} 
ul.nav li.dropdown  i {
    color:#444;
}

.flex-control-paging li a {
    background:rgb(252, 174, 40) !important;
}
.flexslider:hover .flex-next {
    right: 3rem;
    color: #ffc70d!important;
    
}
.flex-direction-nav .flex-prev {
    left: 3rem !important;
    color: #ffc70d!important;
}


@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
    left: 1rem !important;
}
.flex-direction-nav .flex-next {
  right: 25px !important;  
}

}




@media only screen and (max-width: 425px) {
    .flexslider .slides img {
        height:210px !important;
    }
.footer-white .black {
    margin-top: 20px;
    margin-bottom: 20px;
}    
.footer-white h5 {
    line-height:28px!important;
}
    
}


.footer-white {
    background-color: #fff;
    padding: 3rem 0px;
}
.footer-white  h5 {
    color: #000;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 22px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 2px;
}
.footer-white .black  {
    background-color: #055093;
    padding: 10px 11px;
    text-align: center;
}
.footer-white .black  a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.footer-white .yellow  {
    background-color: #ffc70d;
    padding: 9px 0px;
    text-align: center;transition: 0.3s; color:#000; font-size: 14px;
    font-weight: 600;
}
.footer-white .yellow:hover {
    background-color:#000;color:#fff;
}
.footer-white .yellow a {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
/*left-nav-code*/
@media only screen and  (min-device-width: 1024px)  { 
.container-fluid {
    padding-left:3rem !important;
    padding-right:3rem !important;
    }
}

.hss_products {
    box-shadow:0px 2px 10px #d0d0d0;
    margin-bottom:1rem;
    padding:10px 10px; border-radius:5px; background-color:#fff;
}
.hss_products:hover {
    background-color:#055093;
    transition: background-color 0.7s ease;
      box-shadow: 0 0 11px rgba(33,33,33,.2); 
}
.hss_products .hss_content {
    padding:14px 8px;
}
.hss_products .hss_content h3 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    height: 0px;
    text-align: center;
    font-family: sans-serif;
}  
.hss_products .hss_content h6 {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px; text-align:center;margin-top: 11px;
}
.hss_products .hss_content  p {
    color:#333;
    font-size: 13px !important;
    line-height: 21px;
    font-weight: 500;
    display:none !important;
}
.hss_products  img {
   // padding:10px 7px;
}  
.hss_products .hss_content  a {  
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
}

.hss_products .hss_content .hss_anchor {
    background-color: #fff;
    padding: 6px 0px;
    text-align: center;
    border: 1px solid #000; text-transform: uppercase;
    font-size: 13px;
}
.divhidden {  
    color:red; border:1px solid red;     display:none;  
      
}
.hss_products .hss_content .hss_anchor:hover {

    color:#000;
}
.hss_heading  {
    margin:20px 0px; border-left:7px solid #055093; clear:both;
    background-color: #e2e2e2;
    padding: 6px 0px;
}
.hss_heading h3 {
    color: #000;  
    font-size: 22px;
    font-weight: 600;margin-left:3px; 
}
.hss_heading h1 {
    color: #000;  
    font-size: 22px;
    font-weight: 600;margin-left:3px; 
}


.heading_tabs {
    margin-bottom:5rem;
}
.heading_tabs .heading_tabs_img:hover {
   background-color:#ffc70d; 
}
.heading_tabs  img:hover{
   // padding:20px;
    clear:both;   
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.heading_tabs .heading_tabs_img a {
    color: black;
    font-size: 17px;
    padding: 7px 1rem;
    background-color: #ffffff;
    border-bottom: 6px solid #ffc70d;
    border-radius: 4px;
}
.heading_tabs .heading_tabs_img {
    background-color: #333;
    padding-top: 7px;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700; border-top-left-radius: 32px; display: inline-block;
}
.heading_tabs .heading_tabs_img h2 {
    font-size: 16px;
    margin-bottom: 3px;
    line-height: 24px;
    color:#fff;text-shadow: 2px 2px 5px #555;
}
.heading_tabs .heading_tabs_img:hover {
     transition: background-color 0.6s ease;
     box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.heading_tabs .heading_data {
    border: 1px solid #ececec;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    
}

/*contact-header-page*/
.background-image121 {
    background: url(../images/contact-header-image.jpg) 0 no-repeat;
    padding: 11rem 0px 0rem 0px;
    text-align: center;
    background-position: right;
    background-size: cover;
}
.solution_header {
        background: url(../images/solution-header-image.jpg) 0 no-repeat;
    padding: 9rem 0px 0rem 0px;
    text-align: center;
    background-position: right;
    background-size: cover; margin-bottom:4%;
}

.g_map {
    width:100%; display:flex;
}
.less5 h3 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}
/*product_gallery*/


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}


.carousel-inner .item > img {
    min-height: 270px;
}

.gallery_content {  
    background-color: #055093;
    padding: 1.4rem;
}
.gallery_content h2 {
    font-size: 23px;
    color: #272727;
}

.gallery_content h1 {
    font-size: 23px;
    color: #272727;
}
.gallery_content h6 {
    font-size: 14px;  color:#ffffff; 
}  
.gallery_content p {
    color:#000000;
    line-height: 30px;
    margin-top: 10px; font-weight:400;
}
.gallery_content a {
background-color: #fbfbfb;
    padding: 2px 1rem;
    width: 700px;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    border-radius: 4px;
}
.gallery_content a i {
    color: #000;
    font-size: 25px;
}
.large_head h2{  
    color: black;
    font-size: 2.2rem;
    line-height: 4rem;  display:none;
}

.navbar-brand {
  
   // padding: 10px 15px !important;
}

.errorpage {
    margin-top: 18%;
}
.errorpage h2 {
    color: #000;
    font-weight: 600;
    line-height: 3rem;
}
.errorpage p {
    color:#000;
}
/*Table- css*/
.pro_info table { 
  width: 100%; 
  border-collapse: collapse; 
}
.pro_info tr:nth-of-type(odd) { 
  background: #eee; 
}
.pro_info th { 
     background: #ffc70d !important;
    padding: 8px 0px !important;
}
.pro_info td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;  color:#000;
}
.pro_info thead {
  background-color:#ffc70d !important;}

@media only screen and  (min-device-width: 300px) and  (max-width: 425px) {

.pro_info table {
    margin-left: -15px !important;
    width: 100%;
    min-width: 300px; border:1px solid red;
}
}

/*img-gallery*/

body {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
h1,
h1+p {
    margin: 30px 15px 0;
    font-weight: 300;
}
h1+p a {
    color: #333;
}
h1+p a:hover {
    text-decoration: none;
}
h2 {
    margin: 60px 15px 0;
    padding: 0;
    font-weight: 300;
}
h2 span {
color: #ffffff;
    font-size: 16px;
    font-weight: 100; text-transform: lowercase;
}
.column {
    margin: 15px 15px 0;
    padding: 0;
}
.column:last-child {
    padding-bottom: 60px;
}
.column::after {
    content: '';
    clear: both;
    display: block;
}
.column div {
    position: relative;
    float: left;
    width: 300px;
    height: 200px;
    margin: 0 0 0 25px;
    padding: 0;
}
.column div:first-child {
    margin-left: 0;
}
.column div span {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: -1;
    display: block;
    width: 300px;
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
}
figure {
        width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
figure:hover+span {
    bottom: -36px;
    opacity: 1;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
        vertical-align: middle !important;
}
.product_cont .coating_pro {
       margin: 2rem 0px;
}

.product_cont .coating_pro .coating_pro_1  {
    text-align: center; 
}
.product_cont .coating_pro .coating_pro_1 h4 {
    text-align: center;
    text-decoration: underline;
    font-weight: 700;
    font-size: 17px;
    color: #000;
}
.product_cont .coating_pro_1 p {
    color: #1d1d1d !important;
    font-size: 11px !IMPORTANT;
    line-height: 20px;
    font-weight: 700;
}






/*mega-menu*/

#preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999;}
.classy-load{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#dddddd #dddddd #111111;border-radius:50%;border-style:solid;border-width:2px;height:40px;left:calc(50% - 20px);position:relative;top:calc(50% - 20px);width:40px;z-index:9;}
@-webkit-keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

.navigation{width:100%;height:70px;display:table;position:relative;font-family:inherit;background-color:#fff}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right} .nav-header{float:left} .navigation-hidden
.nav-header{display:none} .nav-brand{  //line-height:70px;
padding:0;color:#343a40;font-size:24px;text-decoration:none!important}
.nav-brand:hover,.nav-brand:focus{color:#343a40} .navigation-portrait
.nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial} .navigation-portrait
.nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:20px;height:20px;padding:6px 2px
0;position:absolute;top:50%;margin-top:-14px;right:15px;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#343a40;border-radius:10px;box-shadow:0
.5em 0 0 #343a40,0 1em 0 0 #343a40} .navigation-portrait
.nav-toggle{display:block} .navigation-portrait
.nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.navigation-portrait
.nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}
.navigation-portrait
.nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px
7px;display:none;float:right;color:#343a40;font-size:26px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0;     padding-top: 7px;}
.navigation-portrait .nav-menu{width:100%} .navigation-landscape
.nav-menu.nav-menu-centered{float:none;text-align:center}
.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}
.nav-menu>li{display:inline-block;float:left;text-align:left;     padding-right: 14px;}
.navigation-portrait
.nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.nav-menu>li>a{height:70px;padding:26px
15px;display:inline-block;text-decoration:none;font-size:13px;color:#343a40;
font-family: brother-1816, sans-serif; -webkit-transition:color .3s,background
.3s;transition:color .3s,background .3s} .navigation-portrait
.nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color:#ffc70d}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;-webkit-transform:scale(1.8);transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px} .navigation-portrait
.nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:6px;margin-top:6px;float:right;-webkit-transition:all
.2s;transition:all .2s} .navigation-portrait
.submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:9px;width:9px;display:block;border-style:solid;border-width:0
1px 1px 0; -webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border
.2s;transition:border .2s;  margin-top: -6px; font-weight: 700;
    color: black !important;} .navigation-portrait
.submenu-indicator-chevron{position:absolute;top:18px;left:24px}
.nav-menu>li:hover>a .submenu-indicator-chevron,.nav-menu>.active>a
.submenu-indicator-chevron,.nav-menu>.focus>a
.submenu-indicator-chevron{border-color:transparent #967adc #967adc
transparent} .navigation-portrait
.submenu-indicator.submenu-indicator-up{ 
    //-webkit-transform:rotate(-180deg);
   // transform:rotate(-180deg)}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}
.nav-search{height:70px;float:right;z-index:19998} .navigation-portrait
.nav-search{height:48px;padding:0 10px;margin-right:52px} .navigation-hidden
.nav-search{display:none}
.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:#fbfcfd}
.navigation-portrait
.nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px}
.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px
4px;display:inline-block;vertical-align:middle;position:relative;color:#343a40;text-align:left;text-indent:-9999px;border:2px
solid;border-radius:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none}
.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0
0 1px 1px;box-shadow:inset 0 0 0
32px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.nav-search-button:hover .nav-search-icon{color:#ffc70d}
.nav-search>form{width:100%;height:100%;padding:0
auto;display:none;position:absolute;left:0;top:0;background-color:#fff;z-index:99}
.nav-search-inner{width:70%;height:70px;margin:auto;display:table}
.navigation-portrait .nav-search-inner{height:48px} .nav-search-inner
input[type=text],.nav-search-inner
input[type=search]{height:70px;width:100%;margin:0;padding:0
12px;font-size:26px;text-align:center;color:#343a40;outline:none;line-height:70px;border:none;background-color:transparent;-webkit-transition:all
.3s;transition:all .3s} .navigation-portrait .nav-search-inner
input[type=text],.navigation-portrait .nav-search-inner
input[type=search]{height:48px;font-size:18px;line-height:48px}
.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;color:#343a40;font-size:20px;cursor:pointer;text-align:center}
.navigation-portrait .nav-search-close-button{top:10px;right:14px}
.nav-button{margin:18px 15px 0;padding:8px
14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown>li>a{width:100%;padding:16px
20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#343a40;background-color:#fdfdfd;}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#ffc70d;}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait
.nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px} .nav-dropdown
.submenu-indicator{right:15px;top:10px;position:absolute} .navigation-portrait
.nav-dropdown .submenu-indicator{right:0;top:0} .nav-dropdown
.submenu-indicator
.submenu-indicator-chevron{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator
.submenu-indicator-chevron{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a
.submenu-indicator-chevron{border-color:transparent #ffc70d #ffc70d
transparent} .navigation-landscape .nav-dropdown.nav-dropdown-left
.submenu-indicator{left:10px} .navigation-landscape
.nav-dropdown.nav-dropdown-left .submenu-indicator
.submenu-indicator-chevron{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid
1px #f0f0f0} .nav-dropdown-horizontal
.nav-dropdown-horizontal{width:100%;top:100%;left:0} .navigation-portrait
.nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative} .nav-dropdown-horizontal
.submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal
.submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal
.submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.megamenu-panel{width:100%;padding:15px;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid
1px #f0f0f0;background-color:#fdfdfd;box-shadow:0 10px 20px rgba(0,0,0,.075)}
.navigation-portrait
.megamenu-panel{padding:25px;position:static;display:block} .megamenu-panel
[class*=container]{width:100%} .megamenu-panel [class*="container"]
[class*="col-"]{padding:0} .megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%} .navigation-portrait
.megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both} .megamenu-panel-row
[class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row
[class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child
[class*=col-]:first-child{margin-top:0} .megamenu-panel-row
.col-1{width:5.583333333333%} .megamenu-panel-row
.col-2{width:14.166666666666%} .megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%} .megamenu-panel-row
.col-5{width:39.916666666667%} .megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%} .megamenu-panel-row
.col-8{width:65.666666666667%} .megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%} .megamenu-panel-row
.col-11{width:91.416666666667%} .megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px
16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid
1px #eff0f2;outline:0;background-color:#fff} .megamenu-tabs-nav>li.active
a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid
1px #eff0f2;background-color:#fff} .megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{width:100%;display:table} .megamenu-list{width:100%;margin:0 0
15px;padding:0;display:inline-block;float:left;list-style:none}
.megamenu-list:last-child{margin:0;border:none} .navigation-landscape
.megamenu-list{margin:-15px 0;padding:20px 0;border-right:solid 1px #f0f0f0}
.navigation-landscape .megamenu-list:last-child{border:none}
.megamenu-list>li>a{  width: 100%; padding: 10px 15px; display: inline-block;
color: #000000; text-decoration: none; font-size: 15px; font-family:
brother-1816, sans-serif; font-weight: 500; }
.megamenu-list>li>a:hover{background-color:#055093; color:#000; transition: 0.5s;}
.megamenu-list>li.megamenu-list-title>a{font-size:12px;font-weight:600;text-transform:uppercase;color:#343a40}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.navigation-landscape .list-col-2{width:50%} .navigation-landscape
.list-col-3{width:33%} .navigation-landscape .list-col-4{width:25%}
.navigation-landscape .list-col-5{width:20%} .nav-menu > li >
a{
   color: #313131;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
}
.nav-dropdown > li >
a{color:#343a40;padding:10px 20px;border-bottom:1px solid #f6f6f6;}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#ffc70d;}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0
5px 30px rgba(0,0,0,0.1);}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99;}
.navigation-portrait .nav-menu > li > a{width:100%;height:auto;padding:10px
10px 10px 30px; color:#1d1c1c!important;}

.nav-menu > li > a:hover {
    color: #055093; font-weight:600;
}
.label-primary {
background-color: #0069a7 !important;
}
@media only screen and (min-width:320px) and (max-width:768px){
  .nav-dropdown > li > a,.megamenu-list > li > a{
      //width:65%;
      
  }
  
.submenu-indicator-chevron {
    margin-top:-8px;
}

}

@media only screen and (min-device-width: 1024px) {
.main_header_area.animated {
    padding: 8px;
}
.megamenu-panel {
    max-width: 870px;
    //max-height: 300px;
}
}



@media only screen and (max-device-width: 768px) {
    .product_cont .pro_info {
           // margin-top: -4rem;
    }
.heading_tabs .heading_tabs_img {
        margin-bottom: 1rem;
}    
.breadcrumb>li {
        font-size: 12px;
}
.product_cont .pro_info h3 {
    font-size: 17px;
}
}


/*product_style css*/

.product_cont  .descrip {
    display: grid;
    margin-bottom: 3rem;
    border: 1px solid #e6e6e6;
    padding: 32px 18px;
     }
.product_cont  .descrip ul li i {
    color: #ff0000;
    display: inline;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 800;
}
.product_cont .pro_info  ul {
    display: inline-block;
}
.product_cont .pro_info ul li i  {
    color: #000;
    display: inline-block;
    margin-right: 7px;
    font-size: 12px;
    font-weight: 600;
}
.gun_drills {
  background: url(../images/gun-drills-banner.jpg)  0 no-repeat;
    padding:4rem 0px 0rem 0px;
    text-align: center;
    background-position: right;
    background-size: cover;
}
/*===============*/
/*style for hss-cutting-Tools*/
.product_cont .pro_list li a {
	color: #2f2f2f !important;
	font-weight: 600;
    font-size: 13px;
    font-family: sans-serif;
}
/*for broching*/

.product_cont .pro_list h2 a {
    color: #000;
    //background-color: #007ab9;
   // padding: 11px 39px;
   font-weight: 500;
}
/*left bar*/

.product_cont .pro_list li a {
    font-size: 13px;
    border-color: #222222;
}
.product_cont .pro_list ul li:active {
	//background-color: red !important;
}
#colorbox {
    outline: 0 none;
    position: fixed !important;
    top: 42% !important;
    top: 2%;
    right: 1%;
    background-color: #fdbc00;
    padding: 4px 3rem;
    color: #fff;
}
#fixed-form-container{
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 94%;
    text-align: center;
    margin: 0;
}
#fixed-form-container .button:before { 
   content: "+ ";
}

#fixed-form-container .expanded:before { 
    content: "- ";
}
#fixed-form-container .button { 
  font-size:1.1em; 
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  border:2px solid #424242;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0px 0px;
  padding: 5px 20px 5px 20px;
  background-color: #424242;
  color: #fff;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.3);
}

#fixed-form-container .body{
    background-color: #fff; 
    border-radius: 5px;
    border: 2px solid #e25454;
    margin-bottom: 16px;
    padding: 10px; 
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
}

@media only screen and (min-width:768px){
    #fixed-form-container .button{
       margin: 0;

    }
    #fixed-form-container {
        width: 390px;
        text-align: left;
    }

    #fixed-form-container .body{
        padding: 30px;
        border-radius: 0px 5px 5px 5px;
    }
}


/*========================*/
.product_cont  .descrip {
    display: grid;
    margin-bottom: 3rem;
    border: 1px solid #e6e6e6;
    padding: 32px 18px;
     }
.product_cont  .descrip ul li i {
    color: #ff0000;
    display: inline;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 800;
}
.product_cont .pro_info  ul {
    display: inline-block;
}
.product_cont .pro_info ul li i  {
    color: #000;
    display: inline-block;
    margin-right: 7px;
    font-size: 16px;
    font-weight: 600;
}
.product_cont .pro_info img {
    float:none;
}
.gun_drills {
  background: url(../images/gun-drills-banner.jpg)  0 no-repeat;

    padding:4rem 0px 0rem 0px;

    text-align: center;

    background-position: right;

    background-size: cover;
}

@media only screen and  (min-device-width: 300px) and  (max-width: 1024px) { 
.padding-percent2 {
    padding: 0px !important;
}
}

/*Blog-css*/
.blog-container {
    background-color: #f5f5f5; 
    padding: 6px; margin-top: 1.5rem;
    box-shadow: 0 0px 12px rgba(0,0,0,0.19), 0 2px 3px rgba(0,0,0,0.23);
}      
.blog-container .blog-text {
    padding: 1.5rem 0rem 1rem 1rem;
}
.blog-container .blog-text .blog_anchor {
    color: #055093;
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    border: 2px solid #055093;
    font-weight: 600;
}
.blog-container .blog-text  a {
    color: black;
    font-weight: 600;
}
.blog-container .blog-text  a:hover {
    text-decoration:underline;
}
.blog-container .blog-text h6 {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    font-family: unset; margin: 1rem 0px 0.4rem 0px; font-weight:500;
}
.blog-container  .blog_anchor p {
    color: #000; font-size: 13px !important;
} 



/*blog-css*/
.about_dics ul li {
    color: black;
    font-size: 17px;
    font-family: unset;
    list-style-type: none;
    font-weight: 600;
    margin-top: 13px;
}
.about_dics h1 {
    background-color: #055093;
    color: #000;
    line-height: 49px;
    padding: 2.2rem;
    margin-bottom: 3rem;
}


.table-responsive {
    width:100% !important;
}