@charset "utf-8";
/* CSS Document */

.navi_background{ width:100%; /*padding-top:10px; padding-bottom:10px;*/ position: relative; background-color:#333333; border-bottom: 1px solid #fff;}
.navi_background .navbar{margin-bottom:0px; border:none;} .navbar-default{background-color:transparent;}
.navi_background .navbar-default .navbar-nav > li > a {color: #fff; font-weight:bold;}
.hvr-overline-from-left:before {background: none repeat scroll 0 0 #fff; content: ""; height: 4px; left: 0; position: absolute; right: 100%;
top: 0; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; z-index: -1;}
.hvr-overline-from-left {backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle;}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {right: 0;}
.navi_background .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff;}
.navi_background .navbar-nav > li > a {padding: 15px 0;}
.item img{width:100%;}
.abt_us{padding:30px 0;}
.abt_us .btn-default {color: #e49208; font-weight: bold;}
.product_background .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{color:#FFFFFF;}
.product_background .btn {
    border-radius: 0;
    padding: 9px 100px;
}
.abt_us .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{color:#FFFFFF;}
.hvr-bounce-to-top:before {
    background: none repeat scroll 0 0 #333;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 100% 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-bounce-to-top {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.5s;
    transition-property: color;
    vertical-align: middle;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.custom_showcase:before {
    box-shadow: 0 0 0 0 #333 inset;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 0;
}

.custom_showcase:after {
    box-shadow: 0 0 0 0 #333 inset;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 0;
}
.custom_showcase:hover:before {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2) inset;
    transition-delay: 0.25s;
}
.abt_us .btn {border-radius: 0; padding: 9px 100px;}
.abt_us h1 {font-size: 40px; font-weight: 700; line-height: 24px; text-transform: uppercase; text-align:center; color: #e49208; margin-bottom: 20px;}
.dotted-border {background: url('../images/dotted_border.png') repeat-x; height: 3px; margin-top: 5px; margin-bottom: 20px; }
.abt_us p {color: #777777; font: 14px/24px Arial,"Helvetica Neue",Helvetica,sans-serif; text-align: center; width: 100%;}
.product_background{background-image:url(../images/thumb_bck.png); background-attachment:fixed; background-size:cover; padding:30px 0px;}
.product_background h1 {font-size: 40px; font-weight: 700; line-height: 24px; text-transform: uppercase; text-align:center; color:#fff; margin-bottom: 20px;}
.product_background p{ color:#FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 17px; margin-bottom: 30px; text-align: center;
 width: 100%;}
.product_background .dotted-border{background: url('../images/dotted_border_1.png') repeat-x; height: 3px; margin-top: 5px; margin-bottom: 20px; }
.product_background h3 {text-align: center; font-size: 22px; color:#FFFFFF; width: 100%; margin-bottom: 30px;}
.thumb-wrap{width:255px; height:250px; background-color:#FFFFFF; border: 1px solid #fff; margin:0 auto 15px; position:relative; all 0.5s ease-in-out 0s;}
.thumb-wrap img{ width:100%; height:248px;}
.thumb-wrap span{display:none; all 0.8s ease-in-out 0s; top:41%; left:42%; width:53px; height:53px; color:#FFFFFF; font-size:50px; z-index:1000; position:absolute;}
.thumb-wrap:hover span{ display:block;  transform: rotate X(360deg); transition: all 0.8s ease-in-out 0s;}
.footer_sec{width:100%; background-color: #333333; padding:60px; 0px;}
.footer_sec ul {list-style-type: none;}
.margin-lef {margin-left: 181px;}
.footer_sec li a {color: #ffffff; display: block; font-weight: bold; line-height: 20px; text-align: center; width: 150px; text-decoration:none;}
.footer_sec li {border-right: 1px solid #ffffff; float: left; height: 20px; width: 150px;}
.last-foot {background-color: #ffffff; padding-bottom: 20px; padding-top: 20px; width: 100%;}
.hvr-rectangle-out:before {background: none repeat scroll 0 0 #000; bottom: 0; opacity:0.5; content: ""; left: 0; position: absolute; right: 0;
top: 0; transform: scale(0); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: 50;}
.hvr-rectangle-out {backface-visibility: hidden; background: none repeat scroll 0 0 #e1e1e1; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display:block;
position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {transform: scale(1);}

/*.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
}
*/
.patch_1 .pic_w{width:100%; height:auto;}
.patch_1 .pic_w img{width:100%; height:auto;}
.inner_page_body .patch_1 h3 {
    color: #004d79;
    margin: 0 0 20px;
}
.inner_page_body h1 {
    border-bottom: 1px solid #ccc;
    color: #004d79;
    margin-bottom: 30px;
    margin-top: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.inner_page_body {
    padding: 0;
    width: 100%;
}
.inner_page_body .patch_1 {
    background-color: #ffffff;
    padding: 30px 0;
}
.inner_page_body .patch_2 {
    background-color: #f7f7f7;
    padding: 30px 0;
}
.products{ height:auto; overflow:hidden;}
.products h4{text-align:center; margin-bottom:30px;}
@media only screen and (min-width: 768px) and (max-width:4000px) 
{
.navi_background .navbar-nav > li {float: left; margin-right: 30px;}
.logo-wrap {background-image: url("../images/logo_background_03.png"); background-position: 0 0; background-repeat: no-repeat; height: 130px;
left: -278px; position: absolute; top: 0; width: 674px; z-index: 1000;}
.logo-wrap a {background-image: url("../images/logo1.png"); background-position: 40px center; background-repeat: no-repeat; display: block; height: 105px; text-align: center;text-indent: -10000px; width: 215px; margin: 11px auto 0 302px;}
.no_pad{padding:0px;}
}
@media only screen and (min-width: 320px) and (max-width:767px) 
{

.logo-wrap{background-image:none; width:256px; margin:0 auto; height:176px; background-color:#fff;}
.logo-wrap a{width:256px; height:176px; background-image:url(../images/logo1.png); background-position: center center; background-repeat: no-repeat; display: block; text-indent: -10000px;}
.navi_background{background-color:#FFFFFF;}
.navi_background .navbar-default .navbar-nav > li > a{color:#333333;}
.navi_background .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#0099FF;}
.hvr-overline-from-left:before {background: none repeat scroll 0 0 #0099FF; content: ""; height: 2px; left: 0; position: absolute; right: 100%;
top: 0; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; z-index: -1;}
.hvr-curl-bottom-right { backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display:block; position: relative; transform: translateZ(0px); vertical-align: middle;}
.footer_sec li a{width:100%; text-align:center; text-decoration:none;}
.footer_sec li { width:100%; text-align:center; border:none; margin-bottom:10px;}
.margin-lef{margin-left:0px; padding-left:0px;}
.abt_us h1{font-size:30px;}
.product_background h1{font-size:30px;}
}