@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);

@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);



@import url(fonts.css);

@import url(global/margin.css);


.clearfix {}
.clear { clear:both;}
.clearfix:after { content:"."; display:block; height:0px; font-size:0px; clear:both; visibility:hidden; background:#fbfbfb;}

body {background-image: url(../images/bg.jpg);background-attachment: fixed;margin:0px;padding: 0px;font-family:"Myriad Pro";color: #fff;font-size: 12px;word-wrap: break-word;}
.top_bg{ background:#cc0a1c; border-bottom:1px solid #000; margin-bottom:10px;}
.top_btns{ font-family:"Myriad Pro"; font-size:15px; color:#000; font-weight:normal; padding:10px 0;}
.top_btns a{ font-family:"Myriad Pro"; font-size:15px; color:#000; font-weight:normal; padding:11px 10px;}
.top_btns a:hover{ font-family:"Myriad Pro"; font-size:15px; color:#fff; font-weight:normal; background:#43900d; text-decoration:none; padding:11px 10px;}
.lang{ text-align:right; padding:8px 0;}
.logo_bg{}
.logo{ padding:10px 0;margin-top: 15px;}
.search_con{ padding:10px 0;width:300px;}
.basket_con{ padding:35px 0; font-family:"Myriad Pro"; font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase;}
.basket_con a{font-family:"Myriad Pro"; font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase;}
.basket_con a:hover{font-family:"Myriad Pro"; font-size:15px; color:#000; font-weight:bold; text-transform:uppercase;}
.nav_con{ background: url(../images/mnu_cen.png);}
.hd_1 {font-family: "Myriad Pro";font-size: 22px;color: #fff;padding: 10px 18px;background: #121212;text-align: left;}
.pg_1 {font-family: "Myriad Pro";font-size: 16px;color: #fff;text-align: center;margin-bottom: 18px;background: #121212;margin-top: 12px;padding: 10px;opacity: 0.8;}
.short_btn{ text-align:center; margin:10px 0;}
.more_btn{font-family:Arial; font-size:20px; color:#fff;padding:5px 20px; background:#8c191b;}
.more_btn:hover{font-family:Arial; font-size:20px; color:#000;background:#fff; border:solid 1px #3c8613; text-decoration:none;}
.pdcts {background-color:#FFF;border:solid 1px #d9d6d6;display:block; padding:10px 0 0 0; margin-bottom:20px; text-align:center;}
.art {font-family: 'Oswald', sans-serif;font-size: 16px;color: #cc0a1c;text-decoration: none;text-transform: uppercase;}
.art2 {font-family: 'Oswald', sans-serif;font-size: 16px;color: #000;text-decoration: none;text-transform: uppercase;}
.pdct_pd { text-align:center; padding:20px 0}
.pdct_btn {font-family:Arial; font-size:16px; color:#fff;padding:8px 10px; background:#4c4c4c}
.pdct_btn:hover {font-family:Arial; font-size:16px; color:#000;padding:8px 10px; background:#fff; border:solid 1px #4c4c4c; text-decoration:none}
.btm_bg{ background:#e6e8e8;}
.btm_heading{ font-family:"Myriad Pro"; font-size:20px; font-weight:bold; color:#383838; border-bottom:solid 1px #383838; padding:12px 0;}
.btm_menu{ margin:10px 0;}
.btm_menu ul{ padding:0;}
.btm_menu ul li{ list-style:none;}
.btm_menu ul li a{ font-family:"Calibri"; font-size:15px; font-weight:normal; color:#000; text-decoration:none; display:block; transition:all 0.2s ease-in-out 0s;}
.btm_menu ul li a:hover{ font-family:"Calibri"; font-size:15px; font-weight:normal; color:#4fa103; text-decoration:underline; display:block; padding-left:15px; transition:all 0.2s ease-in-out 0s;}
.news{ margin:10px 0;}
.news_head{ font-family:"Calibri"; font-size:15px; font-weight:bold; color:#000; padding-top:10px;}
.news_text{ font-family:"Calibri"; font-size:15px; font-weight:normal; color:#000;}
.btm_text{ padding:10px 0; font-family:"Calibri"; font-size:15px; font-weight:normal;}
.copy_right{ font-family:Arial; font-size:12px; color:#fff; font-weight:normal; padding:10px 0;}
.copy_right a{ font-family:Arial; font-size:12px; color:#fff; font-weight:bold; text-decoration:none;}
.copy_right a:hover{ font-family:Arial; font-size:12px; color:#fff; font-weight:bold; text-decoration:underline;}
.content_head {font-family: "Calibri";font-size: 20px;color: #fff;text-decoration: none;text-transform: uppercase;margin-top: 10px;display: block;line-height: 45px; background:#000; display:block;padding-left: 12px;}
.content_text{ font-family:"Calibri"; font-size:15px; font-weight:normal; color:#fff; text-decoration:none; padding:20px 0;}
.txt_id{ width:100%; border:solid 1px #d5d6d7; background:#d5d6d7; border-radius:5px; outline:none; padding:5px 10px; margin:0 0 20px 0; color:#000;}
.paging_con {padding: 10px 0;float: left;width: 100%;}
.d_art {font-family:'Oswald', sans-serif;font-size:16px;color: #fff;text-decoration: none;text-transform: uppercase;}
.p_art {font-family: 'Trebuchet MS';font-size: 13px;color: #fff;text-decoration: none;}
.top_menuu{ font-family:Arial; background:#c7c3c3; color:#000; font-weight:normal; display:block;}
.top_menuu a{ font-family:Arial; background:#c7c3c3 url(../images/tp_menu.png) center left 15px no-repeat; color:#000; font-weight:normal; display:block; padding:8px 0 8px 25px; margin-bottom:2px;}
.top_menuu a:hover{ font-family:Arial; background:#5c5d5e url(../images/tp_menu_hover.png) center left 15px no-repeat; color:#fff; font-weight:normal; text-decoration:none; display:block;}

@media(max-width:768px){
	.top_btns{ text-align:center;}
	.top_btns a{ text-align:center; font-size:11px;}
	.top_btns a:hover{ text-align:center; font-size:11px;}
	.lang{ text-align:center; padding:8px 0;}
	.logo_bg{ background:#43900d;}
	.logo{ padding:10px 0; text-align:center;}
	.search_con{ padding:10px 0;}
	.basket_con{ text-align:center; padding:10px 0 20px 0;}
	.nav_con{ background:#2b2b2b;}
}

.mg-image img {-webkit-transition: all 1s ease; /* Safari and Chrome */-moz-transition: all 1s ease; /* Firefox */-o-transition: all 1s ease; /* IE 9 */-ms-transition: all 1s ease; /* Opera */transition: all 1s ease;max-width: 100%;}
.mg-image:hover img {-webkit-transform:scale(1.25); /* Safari and Chrome */-moz-transform:scale(1.25); /* Firefox */-ms-transform:scale(1.25); /* IE 9 */-o-transform:scale(1.25); /* Opera */transform:scale(1.25);}
.mg-image {overflow: hidden;}

/* footer social icons */

.social-network a.icoRss {background-color: #F56505;border:1px solid #0d0706;}
.social-network a.icoRss:hover {background-color: #7b7b7b;}
.social-network a.icoFacebook {background-color:#3B5998; border:1px solid #0d0706;}
.social-network a.icoFacebook:hover {background-color:#7b7b7b;}
.social-network a.icoTwitter {background-color:#33ccff;border:1px solid #0d0706;}
.social-network a.icoTwitter:hover {background-color:#7b7b7b;}
.social-network a.icoGoogle {background-color:#BD3518;border:1px solid #0d0706;}
.social-network a.icoGoogle:hover {background-color:#7b7b7b;}
.social-network a.icoVimeo {background-color:#0590B8;border:1px solid #0d0706;}
.social-network a.icoVimeo:hover {background-color:#7b7b7b;}
.social-network a.icoLinkedin {background-color:#007bb7;border:1px solid #0d0706;}
.social-network a.icoLinkedin:hover {background-color:#7b7b7b;}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {color:#fff;}
a.socialIcon:hover, .socialHoverClass {color:#44BCDD;}
.social-circle li a {display:inline-block;position:relative;margin:0 auto 0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:35px;height: 35px;font-size:15px;}
.social-circle li i {margin:0;line-height:35px;text-align: center;}
.social-circle li a:hover i, .triggeredHover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms--transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.social-circle i {color: #fff;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;-ms-transition: all 0.8s;transition: all 0.8s;}
.social-network li a {background-color: #7b7b7b;}
ul.social-network {list-style: none;display: inline;margin-left:0 !important;padding: 0;}
ul.social-network li {display: inline;margin: 0 5px;}
.left_menu_main a {font-family:'Trebuchet MS';font-size: 15px;color: #fff;font-weight: bold;text-decoration: none;background:#cc0a1c;display: block;padding: 9px 10px;transition: all 0.2s ease-in-out 0s; opacity:0.9;margin-bottom:5px;}
.left_menu_main a:hover {font-family: 'Trebuchet MS';font-size: 15px;color: #fff;font-weight: bold;text-decoration: none;background: #171717;display: block;padding: 9px 10px 9px 20px;transition: all 0.2s ease-in-out 0s;}
.left_menu_link {font-family: 'Trebuchet MS';font-size: 13px;color: #fff;text-decoration: none;background: #171717;display: block;padding: 9px 10px;transition: all 0.2s ease-in-out 0s;border-bottom: solid 1px #525252;}
.left_menu_link:hover {font-family: 'Trebuchet MS';font-size: 13px;color: #000;text-decoration: none;background: #ccc;display: block;padding: 9px 10px 9px 20px;transition: all 0.2s ease-in-out 0s;border-bottom: solid 1px #525252;}
.lfthd1 h2 {background: #000 url(../images/lln2.png) left 15px center no-repeat;text-transform: uppercase;padding: 10px 5px 10px 42px;margin: 0;font: normal 18px 'oswaldbook';color: #fff;font-family: "Calibri"; margin-top:10px;}
.bb:hover {border-radius: 50%;transition: all 0.2s ease-in-out 0s;}
.paging_act {font-family: Arial;font-size: 11px;font-weight: bold;background-color: #000;color: #FFFFFF;text-align: center;text-decoration: none;padding-top: 3px;padding-bottom: 3px;padding-right: 7px;padding-left: 7px;width: 35px;height: 20px;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin:5px;border: solid 1px #000; float:left; display:block;width: 49px;}
.paging {font-family: Arial;font-size: 11px;font-weight: bold;background-color: #cc0a1c;color: #FFFFFF; margin:5px;text-align: center;text-decoration: none;padding-top: 3px;padding-bottom: 3px;padding-right: 7px;padding-left: 7px;width: 35px;height: 20px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border: solid 1px #cc0a1c; float: left; display:block;width: 49px;}



#search {
float: right;
margin-top: 9px;
width: 250px;
}

.search {
padding: 5px 0;
width: 230px;
height: 30px;
position: relative;
left: 10px;
float: left;
line-height: 22px;
}

.search input {
position: absolute;
width: 0px;
float: Left !important;
margin-left: 210px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
height: 30px;
line-height: 18px;
padding: 0 2px 0 2px;
border-radius:1px;
}

.search:hover input, .search input:focus {
width: 200px;
margin-left: 0px;
}

/*===================== Newsletter ===============*/

#newsletter { border-top:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; margin-bottom:12px;}



.mailing {

  font-family: "Roboto", sans-serif;

  font-size: 14px;

  color: #b6b6b6;

  line-height: 24px;

}



.mailing h2 {

  font-family: "Roboto", sans-serif;

  font-size: 24px;

  color: #fff;

}



@media only screen and (min-width: 991px) {

  .mailing h2 {

    float: left;

    width: 40%;

    margin: 15px auto;

  }

}



@media only screen and (min-width: 991px) {

  .mailing p {

    float: left;

    width: 60%;

    margin: 5px auto;

  }

}



.newslt {

  position: relative;

}



@media only screen and (min-width: 991px) {

  .newslt::before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    right: -15px;

    width: 1px;

    background: #fff;

  }

}



.newslt input {

  background: #cdcdcd;

  border: none;

}



.newslt .btn {

  font-family: "Roboto", sans-serif;

  background-color: #c02222;

  color: #fff;

  border: none;

  padding: 7px 15px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



.newslt .btn:hover {

  background: #c02222;

}



.newslt .btn:active {

  background: #c02222;

}



.social-arae h2 {

  font-family: "Roboto", sans-serif;

  font-size: 18px;

  color: #fff;

}



@media only screen and (min-width: 991px) {

  .social-arae h2 {

    float: left;

    width: 28%;

    margin: 15px auto;

  }

}



.social-arae ul {

  margin: 5px auto;

}



@media only screen and (min-width: 991px) {

  .social-arae ul {

    float: left;

    width: 60%;

    text-align: right;

  }

}



.social-arae ul li {

  display: inline-block;

  margin-right: 5px;

  margin-left: 5px;

}



.social-arae ul li:nth-child(3) a {

  padding: 10px;

}



.social-arae ul li a {

  padding: 10px 15px;

  text-align: center;

  background: #cdcdcd;

  border-radius: 50%;

  font-size: 17px;

  color: #333838;

  display: block;

  min-width: 45px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  transition: all 0.6s;

}



.social-arae ul li a:hover {

  background: #c02222;

  transform: rotate(360deg);

  color: #fff;

}







/*# sourceMappingURL=main.css.map */




/*== Footer ==*/

/*================== Footer ==================*/

footer {

  background: #000;

}

ul {
    list-style: none;
    padding: 0;
}

@media only screen and (min-width: 767px) {

  .bdr {

    border-right: 1px solid #a6a6a6;

  }

}



.footer-panel ul li:hover::after {

  right: 50%;

}



.footer-panel ul li:hover a {

  color: #c02222 !important;

  margin-left: 20px;

}



.footer-panel ul li::after {

  content: '';

  position: absolute;

  height: 1px;

  background-color: #c02222 !important;

  left: 15px;

  right: 100%;

  margin-top: 18px;

  -webkit-transition: all 1s ease-in-out;

  -moz-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;

}



.footer-panel ul li a {

  font-family: "Roboto", sans-serif;

  -webkit-transition: all 1s ease-in-out;

  -moz-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;

  font-size: 14px;

  color: #8b8b8b !important;

  line-height: 22px;

  text-decoration: none;

}



.footer-panel h2 {

  font-family: "Roboto", sans-serif;

  font-size: 24px;

  color: #fff !important;

  margin: 20px auto; text-transform:capitalize;

}



@media only screen and (min-width: 991px) {

  .footer-panel .certificates {

    width: 100%;

  }

}



.footer-panel p {

  font-family: "Roboto", sans-serif;

  font-size: 14px;

  color: #fff;

  margin-bottom: 10px;

}



.footer-panel p.add span {

  padding-left: 15px;

}



.footer-panel p.add span::before {

  content: "\f041";

}



.footer-panel p.phone span {

  padding-left: 23px;

}



.footer-panel p.phone span::before {

  content: "\f095";

}



.footer-panel p.email span {

  padding-left: 23px;

}



.footer-panel p.email span::before {

  content: "\f0e0";

}



.footer-panel p span {

  font-size: 18px;

  position: relative;

}



.footer-panel p span::before {

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 18px;

  color: #c02222 !important;

  position: absolute;

  top: 0;

  left: 0;

}



.footer-panel a {

  color: #fe0000 !important;

}



.cop-right {

 

  padding: 10px 0;

}



.cop-right p {

  font-family: "Roboto", sans-serif;

  font-size: 14px;

  color: #fff !important;

  margin: 0;

}



.cop-right a {

  color: #fff;

  text-shadow: none;

}



.left_menu_main a {

   list-style: none;

    background: #3a3333;

    margin: 0 0 10px 0;

    border-radius: 28px 0 0 28px;

}



.paging_act {background: #e8e5e5;

    color: #3a3333;

    font: normal 14px 'Open Sans', sans-serif;

    display: inline-block;

    width: 25px;

    height: 25px;

    text-align: center;

    line-height: 24px;}



.paging {background: #ad0d1e;

    color: #3a3333;

    font: normal 14px 'Open Sans', sans-serif;

    display: inline-block;

    width: 25px;

    height: 25px;

    text-align: center;

    line-height: 24px;}

.pdf {
    background: url(../images/pdfbox.jpg);
    width: 467px;
    height:200px;
    float: left; margin-bottom:15px;
}

.cat_bg {
    width: 100%;
    float: left;
    text-align: center;
}


.main_cat img {
    transition: all 0.6s;
    height: 100%;
    width: 100%;
}

.main_cat:hover img {
    transform: scale(0.9);
}

.sliderimg {background-image:url(../images/semibannerbg.jpg); background-position:top center; padding-bottom:25px;border-top:1px solid #fff;}


.ConPicBox, .PicBox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    transition: all 0.5s ease-in-out; margin-bottom:8px;
}

.ConPicBox:hover, .PicBox:hover {
    opacity: 0.5;
}

/*=== Products Area ===*/
.product-area {
  border: 1px solid #f2f2f2;
  background: #fffeff;
  text-align: center;
  padding: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.product-area:hover {
  border-color: #c02222;
}

.product-area h2 {
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  color: #3a3a39;
  text-transform: capitalize;
  line-height: 28px;
}

.product-area .btn {
  background-color: #c02222;
  color: #3a3a39;
  border: none;
  border-radius: 0;
  padding: 10px 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding: 5px 25px;
}

.product-area .btn:hover {
  background: #c02222;
}

.product-area .btn:active {
  background: #dddddd;
}

.product-area .btn:hover {
  background: #dddddd;
  color: #000;
}

.product-area .btn:active {
  background: #c02222;
  color: #fff;
}

/*============= Owl Demo ===================*/
.owl-demo .owl-pagination {
  display: none;
}

.owl-demo .owl-item {
  padding: 0 15px 0 0;
}

.owl-demo .owl-buttons {
  display: none;
}

.owl-demo1 .owl-pagination {
  display: none;
}

.owl-demo1 .owl-item {
  padding: 0 15px 0 0;
}

.owl-demo1 .owl-buttons {
  display: none;
}