body {
    background: #fff;
    margin: 0px;
    padding: 0;
    font-family: opensans;
    width: 100%;
    background-image: url(../img/b31.png);
    
    
}
h1,h2,h3,h4,h5,h6{
    text-transform: uppercase;
}
.textbg{
    color: black;
}
.center {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}
.centerlogo {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}
.centerslider {
    position: absolute;
    top: 65%;
    left: 24.5%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}

.h3class .saprate{    
    display:block;
    left: 0;    
margin: 10px auto;
height: 3px;
background-color: #0b9cc3;

transition: width 1s;
width: 10%;
}
.h4class .saprate{    
    display:block;
    left: 0;    
margin: 10px 0px;
height: 3px;
background-color: #fff;

transition: width 1s;
width: 10%;
}
.h3class:hover > .saprate{
    
}

header{
    padding: 0px;
}
.headerbg{
    display: block;
}
.headerbg img{
    width: 100%;
    left: 38px !important;
 
}
header .hdrlogo{
   /* position: absolute;
    top: 10%;
    left: 45%;*/
}
header .hdrlogo768{
}
header .hdrlogo800{
}
header .hdrlogo980{
}
header .hdrlogo1280{
}
.hdrlogo img{
    box-shadow: 1px 1px 4px 1px #FFF;
    width: 100%;
}
header .hdrtext{
    /*   position: absolute;
    top:40%;
   left: 28%;*/
text-align: center;
}



header .hdrtext320{
}
header .hdrtext360{
}
header .hdrtext768{
}
header .hdrtext800{
}
header .hdrtext900{
}
header .hdrtext1280{
}
header .hdrtext1920{
    
}
header .hdrtext600{
    padding: 0px;
}
.hdrtext a{
    color: #FFF;
    border: 2px solid #0b9cc3;
    background: #0b9cc3;
    font-size: 17px;
    border-radius: 0px;
    margin-top: 20px;
    padding: 8px 22px;
    -webkit-transition: all 0.40s ease-in-out;
    -moz-transition: all 0.40s ease-in-out;
    -ms-transition: all 0.40s ease-in-out;
    -o-transition: all 0.40s ease-in-out;
    transition:  all 0.40s ease-in-out;
}
.hdrtext a:hover{
    background:none;
    border: 2px solid #0b9cc3;
    text-decoration: none;
    color: #fff;
    
}
.hdrtext h2{
    color: white;   
    font-size: 57px;    
     font-family: OpenSans-Bold;
    
}

.menu_h{
    margin: 0px;
    position: absolute;
top: 0%;
width: 100%;
}
.navmenu{
    margin: 0px;
    background-color: #fff;
    height: 90px;
    font-family: OpenSans-Light;
}
.navmenu img{
    width: 32%;
padding: 3px;
}
.navmenu-right{
  float: right;
  
}
.navmenu-right p{
    border: 2px solid #0b9cc3;
   font-size: 19px;
color: #000;
padding: 4px 22px;
margin-top: 25px;
 font-family:OpenSans-Bold;
    
}
.navmenu-right p a{
    color: white;
}
.navmenu-right .contct{
  
}
.navmenu-right .contct a{
    background-color: #fdb813;
}


.logo_h{
    float: left;
}
.logo_h img{
    width: 36%;
    margin-top: 6px;
}

section{
   
    padding: 30px 30px;
}
.bg-gray{
     background-color: #e5e5e5;
}
section .space40{
    height: 40px; 
}
.space25{
    height: 25px; 
}
section .section_abt_inr{ 
    padding: 0px;
}
.section_abt_inr h3{
    color: #000;
font-size: 35px;
text-align: center;
font-family:OpenSans-Bold;
margin-top: 0px;
    
}
.section_abt_inr p{
    line-height: 25px;
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
   text-transform: capitalize;
    font-family: OpenSans-Light;
    letter-spacing: 1px;
}


.section_abt_inr-left{ 
    padding: 0px;   
}
.section_abt_inr-left img{ 
    width: 100%;   
}
.section_abt_inr-right{ 
    padding: 0px;   
}
.section_abt_inr-right p{ 
    text-align: justify;
    line-height: 27px;
}
.section_abt_inr-right ul{
    
}
.services_ul{
    padding: 0px 15px;
}
.srvctitle{
    position: absolute;
    top: 30%;
    color: white;
    
    font-family:OpenSans-Bold;
}
.srvctitle h2{
    font-size: 40px;   
}


.section_abt_inr-right ul li{
    line-height: 24px;
    font-size: 15px;
    font-family: OpenSans-Light;
    letter-spacing: 1.4px;
    text-transform: capitalize;
}
.section_abt_inr-right ul li span{
    font-family: OpenSans-Light;
    font-size: 14px;
     letter-spacing: 1px;
}


.section_abt_inr-right ul a{
    color: #0b9cc3;
    font-size: 16px;
    border: 2px solid #0b9cc3;
    padding: 4px 9px;
    text-transform: uppercase;
    font-family: OpenSans-Regular;
    
}
.section_abt_inr-right ul a:hover{
    text-decoration: none;
    background-color:  #0b9cc3;
    color: #fff;
}

.contact_us{
    padding: 0px;
}
.contact_us .submitbtn{
    background-color: #0b9cc3;
    color: white;
    font-size: 16px;
    border: 1px solid #0b9cc3;
    padding: 10px 28px;
    border-radius: 0px;
     font-family: OpenSans-Regular;
    letter-spacing: 0.8px;
        
}   
.submitbtn:hover{
    border: 1px solid;
    background-color: #fff !important;
    color: black;
}

article{
     padding: 30px 30px 30px 38px;
}
article h3{
   color: #000;
font-size: 35px;
text-align: center;
font-family:OpenSans-Bold;
margin-top: 0px;
    
}
article .article-inr{
    padding: 0px;
}
.article-inr .col-sm-3{
    width: 20%;   
}

.clientblock{
    padding: 30px 30px;
    clear: both;
      

}
.clientblock h3{
color: #000;
font-size: 35px;
text-align: center;
font-family:OpenSans-Bold;
margin-top: 0px;
    margin-bottom: 25px;
}

.client_btn .col-sm-3{
    width: 25%;   
}
.client-bkgrnd{
    background-color: #e5e5e5;
}
.client img{ 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.client img:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.article-inr-detail{
    margin: 0px;
    text-align: center;
}
.article-inr-detail .inr-imgbox{
    border: 2px solid  #D8D8D8;
    padding: 5px;
}
.article-inr-detail .inr-imgbox:hover{
    border: 2px solid  #666666;
}
.inr-imgbox img{
    width: 100%;   
}
.article-inr-detail h4{
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 13px;
    font-family: OpenSans-Light;
    letter-spacing: 0.5px;
}
.article-inr-detail a{
   
}

/************************************************** new add home page ****************************/
.article-home{
    padding: 0px;
}
.article-inr-home{
  padding: 10px 20px 10px 20px;
    border: 1px solid;
}
.article-inr-detail-home{
    padding: 0px;
}
.article-home .col-lg-3 {
/*    width: 14.2% !important;*/
    padding-right: 10px;
    padding-left: 10px;
    
}
.article-home h5{
    font-size: 15px;
    color: #000;
}

/*
.col-lg-4 {
    width: 24.333% !important;
}
.col-sm-1 {
    width: 13% !important;
}
*/

.article-inr-detail-home .col-sm-4{
    padding-right: 5px;
    padding-left: 5px;
}
.article-inr-detail-home .mrgnbtm{
    margin-bottom: 10px;
}


/************************************************** new add home page ****************************/

 .morea{
    color: #333333;
    border: 2px solid  #0b9cc3;
    text-align: center;
    font-size: 15px;
    padding: 5px 9px;
    font-family: OpenSans-Light;
    letter-spacing: 0.5px;
}
.morea:hover{
 text-decoration: none;
    background-color:  #0b9cc3;
    color: #fff;
}
.article-inr-detail a:hover{
    text-decoration: none;
    background-color:  #0b9cc3;
    color: #fff;
}
.pdngbtm{
    padding: 0px;
}

.welcmblock{
    padding: 30px 30px;
}
.welcmblock h3{
    color: #000;
    font-size: 35px;
    text-align: center;
    font-family:OpenSans-Bold;
    margin-top: 0px;
    
}
.welcmblock .h3hdr{
    color: #000;
    font-size: 35px;
    text-align: center;
    font-family:OpenSans-Bold;
    margin-top: 0px;
}

.welcmblock  h3::after {    
 /*   content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    bottom: 10px;
    background-color: #49B0F1;
    transition: .3s ease-in-out width;
    left: 50%;
    margin-left: -50px;
}
    
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 170px;
    height: 3px;
    background-color: #fdb813;
    margin: auto;*/
}


.welcmblock span{
    
}

.welcmblock p {
    line-height: 25px;
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
    text-align: center;
    font-family: OpenSans-Light;
    letter-spacing: 1px;
}
.welcmblock .space40 {
    height: 40px;
}

.welcmblock .btn-info {
    color: #fff;
      background:#0b9cc3;
    border: 2px solid #0b9cc3;
    
    font-size: 17px;
    border-radius: 0px;   
    margin-top: 20px;
     -webkit-transition: all 0.40s ease-in-out;
    -moz-transition: all 0.40s ease-in-out;
    -ms-transition: all 0.40s ease-in-out;
    -o-transition: all 0.40s ease-in-out;
    transition:  all 0.40s ease-in-out;
}
.welcmblock .btn-info:hover{
      border: 2px solid #fdb813;
    background: #fdb813;
    color: #000;
}

.welcmblock .btn-info.focus, .welcmblock .btn-info:focus { 
    background: none;
    color: #333;
}

.welcmblock .collapse.in p{
    text-align: left;
}


aside{
    padding: 0px;
    
}
.aside_bnr{
    display: block;
}
aside .maptop{
    margin-top: 90px;   
}

.aside_bnr img{
    width: 100%;
}
footer{
    background-color: #0b9cc3;
    padding: 35px 10px;
    
}
.ftrbox{
    padding: 10px 15px;
    color: #fff;
}
.ftrbox h4{
    font-size: 21px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 25px;
    font-family: OpenSans-Regular;
}
.ftrbox ul{
    padding: 0px;
}
.ftrbox ul li{
    list-style-type: none;
    color: white;
    line-height: 23px;
}
.ftrbox ul li a{
    font-size: 16px;
    color: #fff;
    font-family: OpenSans-Light;
    letter-spacing: 1.8px;
}
.ftrbox address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 26px;
    font-family: OpenSans-Light;
letter-spacing: 1.1px;
    font-size: 16px;
}
.ftrbox address a{
    color: #fff;   
}
footer .mediaicon{
    padding: 0px;
   text-align: center;
    margin: 25px 0px;
    
}
.mediaicon .fa{
    color: #fff;
    font-size: 18px;
    
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
line-height: 35px;
height: 35px;
width: 35px;
     text-align: center;
}

.mediaicon a{
    margin-right:5px;
}
.mediaicon .fa:hover{
    color:#000 ;   
    
}
footer p{
    color: #fff;
    font-size: 15px;
   margin-top: 10px;
    font-family: OpenSans-Light;
letter-spacing: 1.1px;
}
footer p a{
    color: white;
}
footer p a:hover{
    color: white;
}
footer p .fa{
   
}

.history_tble{
    padding: 0px;
}
.history_tble table{
    font-size: 13px;
}

.history_tble table td{
    line-height: 25px;
    font-size: 14px;
}
.qualityblck{
    padding: 0px;
}
.qualityblck h5{
    color: #333;
    font-size: 20px;
    font-family: OpenSans-Bold;
}

.qualityblck h6{
    color: #0b9cc3;
    font-size: 17px;
    font-weight: bold;
}

.mrgnleft{
    margin-left: 30px;
}
.productblck{
    padding: 0px;
}
.productblck h4{
    font-size: 35px;
color: #0b9cc3;
text-align: center;
margin-bottom: 10px;
    font-family: OpenSans-Light;
}
.productblck h5{
    color: #333;
    font-size: 16px;
    font-family: OpenSans-Regular;
}
.productblck h6{
    color: #0b9cc3;
    font-size: 15px;
    margin-bottom: 4px;
    font-family: OpenSans-Regular;
}
.productblck p{
    margin: 0 0 17px;
     font-family: OpenSans-Light;
}
.productblck .responsive-tabs__panel ul{
    padding: 0px 16px;
    font-family: OpenSans-Light;
}

.bg_white{
    background-color: #fff;
}

.slider_j{
    padding: 50px 30px;
  
}

.slider_j .slider_j-iner h3{
    color: #000;
font-size: 35px;
text-align: center;
font-family:OpenSans-Bold;
margin-top: 0px;
    
}


section .product-inrtab{
    padding: 0px;
}
.product-inrtab-det{
    margin-top: 10px;  
}
.product-inrtab-det ul {
    padding: 0px 35px;
}
.product-inrtab-det ul li{
    font-family: OpenSans-Light;
    font-size: 14px;    
    color: #000;
}
.product-inrtab-det h6{
    font-size: 15px;  
    font-family:OpenSans-Bold;
    color: #000;
}
.product-inrtab-det h5{
    font-size: 20px;  
    font-family:OpenSans-Bold;
    color: #0b9cc3;
}
.product-inrtab-det .imgbox{
    
}
.product-inrtab-det p{
    line-height: 25px;
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
    font-family: OpenSans-Light;
    letter-spacing: 1px;
}
.product-inrtab-det-lab{
    display: block;
}
.product-inrtab-det-lab h3{
    color: #0b9cc3;
    font-size: 15px;
    font-family:OpenSans-Bold;
}
.product-inrtab-det-lab p{
    line-height: 16px;
}
/**** tab */

.tabdetailbox{
    padding: 0px;
}
.tabdetailbox h2{
    color: #0b9cc3;
    font-size: 30px;
    text-align: left;
    font-family: OpenSans-Light;
    margin-top: 0px;
    margin-bottom: 15px;
    
}
.tabdetailbox h3{
    color: #333;
font-size: 16px;
    text-align: left;
    font-weight: bold;
    font-family: OpenSans-Light;
    margin-top: 0px;
    letter-spacing: 0.7px;
}
.tabdetailbox ul{
    list-style-type:disc;
    margin-bottom: 12px;
}
.tabdetailbox ul li{
    font-size: 13px;
    line-height: 22px;
    font-family: OpenSans-Light;
    letter-spacing: 0.8px;
}

.tabdetailbox label {
    font-size: 17px;
    font-weight: normal !important;
}
.tabdetailbox .btnmore{

color: #fff;
border: 2px solid #0b9cc3;
background-color: #0b9cc3;
font-size: 17px;
border-radius: 0px;
    margin-top: 20px;
}
.mrgntop{
    margin-top: 20px;
}
.mrgntop{
margin-top: 10px !important;
}
.foc_indu{
    background-color: #0b9cc3;
    padding: 30px 30px;
   
}
.foc_indu h6{
    font-size: 20px;
    font-family: OpenSans-Regular;
    color: #000;    
}
.foc_indu_box{
    padding: 5px 0px;
}
.foc_indu_box ul{
    padding: 0px;
    list-style-type: none;
}
.foc_indu_box ul li{
    color: #fff;
    text-transform: uppercase;
line-height: 23px;
font-size: 13px;
}
.foc_indu_box ul li a{
    color: #fff;   
}
.foc_indu_box ul li a:hover{
    color: #000;   
    text-decoration: none;
}
.foc_indu .brdright{
    border-right: 3px solid #fff;
        height: 210px;

}


/********** new slider--****/

.newslidrbox{
     text-align: center;
    padding-bottom: 20px;
}
.newslidrbox img{
   
}
.newslidrbox-inr{
    
}
.newslidrbox-inr img{
    width: 100%;   
}

/**************************************************************** hover img product page **************/
.view {
   
   
   float: left;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
/*   background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
   
   position: absolute;
   overflow: hidden;
   top: 0;
   height: 100%;
   left: 0;
    width: 100%;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #000;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(253,184,19, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
  
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(48,138,195, 0.9);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
    font-family: OpenSans-Light;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
			


.view-third{				
    cursor:pointer;
}
.view-third img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
    
}
.view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.view-third h2 {
    background: none;
    color: #fff;
    /*font-size: 20px;
    margin: 45px 0 0 0;*/
    
/*
    font-size: 12px;
margin: 8px 0px 0px -6px;
    
*/
    font-size: 16px;
margin: 50px 0px 0px -6px;
    
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third p {
   -webkit-transform: translateX(300px) rotate(90deg);
   -moz-transform: translateX(300px) rotate(90deg);
   -o-transform: translateX(300px) rotate(90deg);
   -ms-transform: translateX(300px) rotate(90deg);
   transform: translateX(300px) rotate(90deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.view-third:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view-third:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-third:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
				
/**************************** image slider product inner oage *****************/

      
/*****************globals*************/

img {
  max-width: 100%; }

.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; 
            width: 45%;
    margin-left: 35px;
float: right;}
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px;
      } }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }

.card {
  margin-top: 50px;
  background: #eee;
  padding: 3em;
  line-height: 1.5em; }

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold; }

.checked, .price span {
  color: #ff9f1a; }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

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


/******************************************************** afix top ***/    
.affix {
    top: 0;
    width: 100%;
    background-color: #fff; 
    z-index: 1000;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.08);
    -webkit-transition: all 0.40s ease-in-out;
    -moz-transition: all 0.40s ease-in-out;
    -ms-transition: all 0.40s ease-in-out;
    -o-transition: all 0.40s ease-in-out;
    transition:  all 0.40s ease-in-out;
   
}



 .affix .navbar-default .navbar-nav > li > a {
    color: #777 !important;   
}
.affix .headr {
    padding: 0px;
    width: 100%;
}

.affix .affixmenu{
    display: block;
    width: 55%;
margin-top: 5px;
}

.affix .menu_aff{
    display: none;
}

.affixmenu{
    display: none;
}
.affix .hdrmenu .logo img {
    width: 60%;
}
    


/*end afix top ***/   

/********************************************    top goto ********************/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0 , 0, 1) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
    z-index: 1000;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


.crkt{
    padding: 0px;
}
.crkt h4{
    color: #000;
    font-size: 35px;
    text-align: center;
    font-family:OpenSans-Bold;
    margin-top: 0px;   
    margin-bottom: 40px;
}

/* ---------------------------------------------------------map css----------------------------------------------- */
#map_canvas {   
    height:500px;
    width: 100%;  
}


.spare_new{
    padding: 0px;
}

.spare_new ol{
    padding: 0px 17px;
    list-style-type: none;
}

.spare_new ol li{
    line-height: 24px;
    font-size: 18px;
    font-family: OpenSans-Bold;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.spare_new ul{
    list-style-type: disc;   
    padding-bottom: 16px;
}
.spare_new ul li{
  text-transform: capitalize;   
    font-family: OpenSans-Light;
    font-size: 15px;
}



/**************************      new ***********************/
.borderline{
    border-bottom: 2px solid #0b9cc3;
    margin-top: 15px;
    margin-bottom: 15px;
}



.bgimg{
/*    background-image: url(../img/b12.png); */
/*    background-image: url(../img/b22.png);*/
    background-image: url(../img/b31.png);
    background-repeat: repeat;
}



.newsbox{
    padding: 15px 25px;
/*    box-shadow: 0px 0px 4px 1px #e0e0e0;*/
    background: #0b9cc3;
    margin-top: 10px;
    
}
.newsbox h6{
    font-size: 20px;
}



.newsbox_H{
    border: 1px solid #fff;
    padding: 20px;
    background: #fff;
}