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


body{ overflow-x: hidden; }
.container1{
	width:1170px;
}


/* header */
header{}
.top-header{
  background-color: #232323;
  padding: 10px 0;
  text-align: center;
}
.top-header p{
  font-size: 13px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mid-header{
  background-color: #fff;
	padding: 20px 0;
}
.top-left{padding-top: 40px;}
.top-left ul{}
.top-left ul li{
  display: inline-block;
  background: url(../images/top_bar_right_border.png) no-repeat center right;
  padding: 0 10px;
}
.top-left ul li:first-child{ padding-left: 0; }
.top-left ul li:last-child{ background: no-repeat; padding-right: 0; }
.top-left ul li a{
  font-size: 13px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  color: #232323;
  padding: 0;
  margin: 0;
  transition: all 0.45s;
}
.top-left ul li a:hover{ color: #0070ba; text-decoration: underline; }
.logo{}
.top-search {
  float: right;
  width: 100%;
  padding-top: 28px;
}
.top-srch{ position: relative; }
.top-srch .top-txt{
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  color: #a9a9a9;
  background-color: transparent;
  padding: 15px 15px;
  margin: 0;
  border: 1px solid #bababa;
  border-radius: 10px;
  outline: none;
  width: 100%;
  transition: 0.45s;
	font-weight:500;
}
.top-srch .top-btn {
  font-size: 16px;
  color: #0070ba;
  background-color: transparent;
  margin: 0;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  padding: 0 15px 0 15px;
  border-radius: 0 10px 10px 0;
}
.top-srch .top-btn:hover{ color: #fff; background-color: #0070ba; }
.top-srch .top-txt:focus{  }


/*.top-navigation {
    float: left;
    width: 100%;
    position: absolute;
    bottom: -28px;
    z-index: 1;
}*/
.top-navigation {
    clear: both;
    margin: 0px 0 0 0;
    float: left;
    width: 100%;
    background: none;
    border-top: 1px solid #e6ecf1;
    border-bottom: 3px solid #e6ecf1;
}
.navbar-inverse {
    border: none;
    margin: 0; 
    min-height: 0px; 
    background: none !important;
}
.navbar-inverse .navbar-nav{ min-height: 0px; margin: 0; border: none; border-radius: 0; float:left; }}
.navbar-inverse .navbar-nav>li{}
.navbar-inverse .navbar-nav>li>a{
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #000 !important;
    padding: 20px 15px;
    margin: 0;
    text-transform: uppercase;
    line-height: 0 !important;
    transition: all 0.45s;
    display: block;
}
.navbar-inverse .navbar-nav>li>a:hover{ color: #fff !important; background-color: #0070ba !important; }

.navbar-collapse{
    padding:0;
}

/* menu on mobile css */
.mobile_nav{
  border-top: 1px solid #e6ecf1;
  border-bottom: 3px solid #e6ecf1;
}

#menuToggle {
    display: block;
    position: relative;
    z-index: 1;
    user-select: none;
    background: #0070ba !important;
    padding: 15px 0px 10px 15px;
    margin: 0;
}
#menuToggle input {
    display: block;
    width: 100%;
    height: 52px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
    margin:0;
}
#menuToggle span
{
  display: block;
  width: 27px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  
  background: #ffffff;
  border-radius: 3px;
  
  z-index: 1;
  
  -webkit-transform-origin: 4px 0px;
  
          transform-origin: 4px 0px;
  
  -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle span:first-child
{
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}


#menuToggle input:checked ~ span
{
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(-2px, -1px);
          transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  -webkit-transform: rotate(-45deg) translate(0, -1px);
          transform: rotate(-45deg) translate(0, -1px);
}


#menu
{
  position: absolute;
  width: 100%;
  margin: -40px 0 0 -50px;
  
  padding: 1px 1px;
  background: transparent;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  
/*  -webkit-transform-origin: 0% 0%;
  
          transform-origin: 0% 0%;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*/
  display:none;}


#menu li{
/*  padding: 0px 0;
  font-size: 22px;*/
  text-align: center;
}

#menuToggle input:checked ~ ul
{
  -webkit-transform: scale(1.0, 1.0);
          transform: scale(1.0, 1.0);
  opacity: 1;
    margin: 15px 0 0 -8px;
    position: static;
    display:block;
    transition:all 0.5s ease-in-out;
}
.new_nav {
    text-align: center;
    border: 2px solid #212121;
    background: #fff !important;
    width: 100%;
}
.new_nav li{ background: none; border-top: 1px solid #6b6b6b;}
.new_nav li a{
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #000 !important;
    padding: 20px 20px;
    margin: 0;
    text-transform: uppercase;
    line-height: 0 !important;
    transition: all 0.45s;
    display: block;
}
.new_nav li a:hover{ color: #fff !important; background-color: #0070ba !important; }
    
#menuToggle h1{}

/* menu on mobile css */ 

/* header close */	





/* top comments */
.top-icons{ clear: both; }
.fast{
  padding: 30px 0;
  text-align: center;
  border-bottom: 3px solid #e6ecf1;
}
.fast ul{ margin:0; padding:0;}
.fast ul li{ display: inline-block; width: 33%;}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}


/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* top comments */


/* footer */

/* newsletter */
.news-ltr {
  padding: 30px 0;
  background: #0070ba;
  margin: 0px 0 0 0;
  clear: both;
}
.news-ltr h2 {
  font-size: 30px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 5px 0 0;
  margin: 0;
  /* text-transform: uppercase; */
}
.news-ltr p{
  font-size: 15px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 0;
  margin: 0;
}
.news-ltr a{
  font-size: 16px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #0070ba !important;
  background-color: #fff;
  padding: 16px 32px;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  transition: 0.45s;
  float:right;
}
.news-ltr a:hover{ color: #fff !important; background-color: #000; }
/* newsletter */


/* main-footer */
.main-footer{
    padding: 50px 0 0;
    margin: 0;
	clear:both;
	background:#232323;
}
.ftr-01{}
.ftr-01 h2 {
    font-size: 18px;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 0;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
.ftr-01 h3{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 0 0 10px 0;
    margin: 0;
}
.ftr-01 p{
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 0 10px 5px 0;
    margin: 0;
}
.ftr-01 a{
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 0;
    margin: 0;
}
.ftr-01 a:hover{ text-decoration: underline; }
.ftr-01 ul{ padding: 0; margin: 0; }
.ftr-01 ul li{ list-style: none; display: block; padding-bottom: 8px; }
.ftr-01 ul li a{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.ftr-01 ul li span{
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 0;
    margin: 0;
    text-transform: none;
}
.ftr-01 ul li a:hover{ text-decoration: underline; color:#0070ba; }
/* main-footer */


/* lower footer */
.lower-footer {
    padding: 15px 0 10px 0;
    float: left;
    width: 100%;
    border-top: 1px solid #919191;
    margin-top: 15px;
}
.lower-footer img{
	float:right;
}
.lower-footer p{
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 5px 0 0 0;
    margin: 0;
}
.lower-footer a{
    float: right;
}
/* lower footer */


/* footer */



/* main listing */
.listing-main{ padding: 30px 0; background: #fff; clear: both; }
.list-descrption{ border: 1px solid #bcbcbc; border-radius: 10px; margin: 20px 0; }
.list-dscp-head {
  font-size: 20px;
  color: #fff;
  background-color: #0070ba;
  font-weight: 700;
  font-family: 'Work Sans', sans-serif;
  padding: 10px 15px;
  margin: 0px;
  text-transform: uppercase;
  border-radius: 10px 10px 0px 0;
}
.list-dscp-head p{ margin: 0; }

.list-head {
  font-size: 24px;
  color: #000;
  background-color: transparent;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  padding: 10px 12px;
  margin: 0px;
  text-transform: uppercase;
  text-align: center;
}
.list-head p{ margin: 0; }
.disc-head {
  font-size: 18px;
  color: #fff;
  background-color: #0070ba;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  padding: 10px 12px;
  margin: 0px;
  text-transform: uppercase;
  text-align: left;
  border-radius: 10px 10px 0px 0;
}
.disc-head p{ margin: 0; }

.list-dscp {
  font-size: 15px;
  color: #000;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  padding: 20px 20px;
  margin: 0px;
  line-height: 30px;
}
.list-dscp p{ margin: 0; }
.list-image{ border: 1px solid #bcbcbc; border-radius: 10px; }
.listing-main .list-img{
  padding: 30px;
}

.more-app{
  background-color: #0070ba;
  padding: 30px 0;
  text-align: center;
  float: left;
  width: 100%;
  margin: 30px 0 0;
  border-radius: 10px;
}
.more-app p{
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  padding: 0;
  margin: 0px;
}
.more-app a{
  font-size: 16px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  color: #fff !important;
  padding: 5px 10px;
  margin: 0;
  display: inline-block;
  transition: 0.45s;
  border-bottom: 1px solid transparent;
  border-radius: 0 0 10px 10px;
}
.more-app a span{ padding-left: 5px; font-size: 12px; }
.more-app a:hover{ letter-spacing: 1px; border-color: #fff; }

.estore{ float: right; }


.main_tabsss{background: #fff;padding: 15px;}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000!important;
    word-break: break-all;
    word-wrap: break-word;
    background: transparent !important;
    border: 0px solid #ccc !important;
    border-radius: 4px;
}


.tabbed {
    float: left;
    width: 100%;
    background: #e6e6e6;
    margin-bottom: 0;
    border-radius: 10px 10px 10px 10px;
}

.tabbed > input{
  display : none;
}

.tabbed > section > h1{
  float       : left;
  box-sizing  : border-box;
  margin      : 0 0 0 0;
  padding     : 0em 3px 0 0;
  font-size   : 1em;
  font-weight : normal;

}
.tabbed > section > h1 > label {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    padding: 13px 0px;
    margin: 0px;
    width: 150px;
    text-align: center;
    border-bottom: none;
    text-transform: uppercase;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600 !important;
    background: transparent;
}

.lorem {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #272727;
    padding: 20px;
    border: 1px solid #bcbcbc;
    border-top: 0;
    line-height: 25px;
    background:#fff;
    float: left;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
}


.panel{
  margin:0;
  border:0;
}


.tabbed > input:checked + section > h1 > label { background: #0070ba; color:#fff; font-weight: 600;border-radius: 10px 10px 0px 0; }

.tabbed > section > div{
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  margin        : 45px 0 0 -100%;

}

.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}
.leftsec { width:50%; float:left;     margin-top:12px;}
.rightsec { width:46%; float:right;}
.asdasd { margin-top:15px;; float:left; width:100%; position:relative; z-index:999999}
#slider-header {margin:20 0 0px 0; width:100% !important; height:auto !important; clear:both;}
#slider-header h2{ font-size:14px; text-transform:uppercase; color:#fff; line-height:39px; border:1px solid #d7d7d7; margin:0; padding:0 0 0 26px; text-align:left; font-weight:bold;
background:#ff7612;}
.productthumb li{ float:left; width:100%; max-width:240px; list-style:none; padding:0 5px;}

.tabscc_detail p{font-size: 15px;font-family: 'Open Sans', sans-serif;margin: 0;line-height: 28px;}
@media screen and (max-width:1199px){.title p{font-size: 18px;}}
@media screen and (max-width:1024px){
.tabbed > section > h1 > label {  width:150px}
}
@media screen and (max-width:991px){
.tabbed > section > h1 > label { width:130px; font-size:14px; padding: 15px 0;}
.containers>a { margin-right:60px !important;}
.leftsec { width:100%;}
.rightsec { width:100%;}
.image-gallery {max-width: 515px; width:100% !important;}
.image-gallery .big-image {width: 77% !important;}
} 
@media screen and (max-width:790px){
.tabbed{margin:10px 0;}  
#tabbed2 + section > div { margin-top:-1px !important;}
#tabbed3 + section > div { margin-top:-1px !important;}
#tabbed4 + section > div { margin-top:-1px !important;}
.tabbed > section > div{ margin:-1px 0 !important;}
.productthumb { text-align:center;}
.productthumb li { display:inline-block; float:none;}
.tabbed > section > h1{ margin:0 !important; width:100%; padding:0 0 0 !important}
.tabbed > section > h1 > label {border-bottom: 1px solid #818181; width:100% !important; text-align:left !important; padding:14px 15px !important; margin:0px; position:relative;}
.moblo{ margin-bottom:0 !important;}

.tabbed > section > h1 > label::after{
    content: "\f0fe";
    font-family: "fontawesome";
    color: #fff;
    position: absolute;
    right: 10px;
    top: 15px;
}


.tabbed > input:checked + section > h1 > label::after{
 content: "\f146";
 color: #fff;
}
.deatil p{font-size: 16px;}
.tabbed > input:checked + section > h1 > label{ /*background: #6cbbbc;*/ }
.top_navigation ul li>a{color: #3b3b3b !important;text-align: center;}

.top_navigation ul>li>a:hover{ color: #0d0ab4 !important;} 
.hvr-underline-reveal:before {background: #0d0ab4 !important;}

}

@media screen and (max-width:460px){ 
.tabbed > section > h1 { margin-bottom:0;}
.tabbed > section > h1 > label { font-size:13px; width: 100%;}
.containers>a { margin-right:9px !important;}
.productthumb li{  max-width:150px;}
.single-item .gal_button {
    min-width: 100px;
 
}

#slider-header h2 {
    font-size: 11.5px;
    padding: 0 0 0 15px;
}
.single-item .gal_img {
    height: 100px;
}


}
@media screen and (max-width:414px){ 
.tabbed > section > h1 > label {width:100%;}
.tabbed > section > h1 {margin:0;}
}
/* main listing */



/*
.next-cms{
    margin: 10px auto 0px auto;
    max-width: 1000px;
}
	*/



@media screen and (max-width:1199px){
.container1{
  width:970px;
}
.top-left ul li {
    padding: 0 8px;
}
.navbar-inverse .navbar-nav>li>a {
    font-size: 15px;
    padding: 20px 9px;
}
.main-cates ul li {
    margin: 7px;
}
.news-ltr h2 {
    font-size: 25px;
}
.news-ltr p {
    font-size: 13px;
}
.news-ltr a {
    font-size: 15px;
    padding: 10px 20px;
}
.ftr-01 ul li a {
    font-size: 13px;
}
.ftr-01 h3 {
    font-size: 13px;
}

.ftr-01 h2 {
    font-size: 16px;
}


.next-cms{
  max-width: 930px;
}




}


	
@media screen and (max-width:991px){
.container1{
    width:750px;
}
.top-left ul li {
    padding: 0 5px 0 1px;
}
.top-left ul li a {
    font-size: 11px;
}
.navbar-inverse .navbar-nav>li>a {
    font-size: 12px;
    padding: 20px 6px;
}
.fast ul li {
    display: inline-block;
    width: 32%;
}
.main-cates ul li {
    width: 22%;
    margin: 9px;
}
.cate-name p {
    font-size: 20px;
}
.cate-head {
    padding: 30px 0 20px;
}
.cate-head h2 {
    font-size: 36px;
}
.feature {
    padding: 0;
}
.news-ltr {
    text-align: center;
}
.news-ltr p {
    font-size: 13px;
    margin: 10px 0;
}
.news-ltr a{
    float:none;
}
.ftr-01 {
    margin-bottom: 40px;
}
.lower-footer {
    margin-top: -15px;
}

.next-cms {
    max-width: 720px;
    margin: 0 auto;
    margin-left: 15px;}

.list-head {
    font-size: 20px;
}
.more-app p {
    font-size: 32px;
}

}



@media screen and (max-width:768px){}	



@media screen and (max-width:767px){
.container1{
  width: 500px !important;
}
.mid-header {
    padding: 10px 0;
}
.top-left {
    padding-top: 0;
    text-align: center;
}
.top-left ul li {
    padding: 0 8px;
}
.top-left ul li a {
    font-size: 12px;
}
.top-search {
    float: none;
    margin: 0 auto;
    padding-top: 10px;
}
.banner {
    background: none;
    padding: 10px 0 0;
}
.glyphicon {
    display: none;
}
.fast {
    display: none;
}
.main-cates ul li {
    width: 28%;
    margin: 10px;
}
.cate-name p {
    font-size: 16px;
}
.cate-head {
    padding: 20px 0 10px;
}
.cate-head h2 {
    font-size: 32px;
}
.news-ltr {
    padding: 20px 0;
}
.news-ltr a{
  float:none;
}
.top-footer {
    padding-top: 30px;
}
.footer-menu ul li {
    padding: 10px 10px;}
.lower-footer{ text-align: center; }
.lower-footer p {
    margin-bottom: 5px;
    text-align: center;}
.lower-footer a {
    float: none;
    text-align: center;}

.next-cms{
    max-width: 100%;
    margin: 0 15px;}


.lower-footer img{
	float:none;
}

.listing-main {
    padding: 15px 0;
}
.list-head {
    font-size: 18px;
}
.more-app {
    padding: 15px 0;
    margin: 15px 0 0;
}
.more-app p {
    font-size: 22px;
}
.more-app a {
    font-size: 12px;
}


}


@media screen and (max-width:550px){
.container1{
  width: 380px !important;
}
.main-cates ul li {
    width: 100%;
    margin: 10px 0;
}


}


@media screen and (max-width:400px){
.container1{
  width: 300px !important;
}
.top-header p {
    font-size: 11px;
}
.top-left ul li {
    padding: 0 9px 0 3px;
}
.cate-head h2 {
    font-size: 23px;
}
.news-ltr h2 {
    font-size: 21px;
}

}







.siteWraper{margin:0;}
@media screen and (max-width: 250px){
	.slideList li .heding{font-size:10px; font-weight:bold; color:#fff; position:absolute; top:7px; left:20%; width:70%; text-shadow:1px 1px #777;}
	.slideList li .para{font-size:10px; line-height:16px; color:#fff; position:absolute; bottom:5px; height:30px; overflow:hidden; left:3%; width:70%; font-weight:bold; text-shadow:1px 1px #777;}
}
.slideList{list-style:none;}
.slideList li{margin:0; position:relative; text-align:left;}
.slideList li .heding{font-size:40px; font-weight:bold; color:#fff; position:absolute; top:15px; left:20%; width:70%;}
.slideList li .para{font-size:14px; line-height:20px; color:#fff; position:absolute; top:30px; width:50%; height:auto; font-weight:bold;}

@media screen and (max-width: 760px){
	.slideList li .heding{font-size:16px; font-weight:bold; color:#fff; position:absolute; top:7px; left:20%; width:70%; text-shadow:1px 1px #777;}
	.slideList li .para{font-size:12px; line-height:18px; color:#fff;  top:5px; height:40px; overflow:hidden; left:3%; width:70%; font-weight:bold; text-shadow:1px 1px #777;}	
}
@media screen and (max-width: 480px){	
	.slideList{display:none;}
}
@media screen and (max-width: 250px){
	.slideList li .heding{font-size:10px; font-weight:bold; color:#fff; position:absolute; top:7px; left:20%; width:70%; text-shadow:1px 1px #777;}
	.slideList li .para{font-size:10px; line-height:16px; color:#fff; position:absolute; bottom:5px; height:30px; overflow:hidden; left:3%; width:70%; font-weight:bold; text-shadow:1px 1px #777;}
}
.clear{clear:both;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.productWrap{margin:0; padding: 10px 0;}
.productWrap h1{font-size:36px; border-bottom:1px solid #ddd; color:#dc2329; font-weight:normal; font-family: sans-serif; margin: 0;}
.productWrap p{font-size:13px; line-height:18px; text-align:justify;}

.probox{height:auto; background:#FFF; padding:15px;}
.probox h2{color:#444;font-size:24px; font-family: sans-serif; font-weight:normal;}

.proinfowraper{margin:5px 0 0 0;}
.proinfowraper h1{margin:0; padding:0; font-size:24px; color:#000; font-family: sans-serif;}
.proinfowraper p{padding:10px 0 20px 0; margin:0; color:#333; font-size:13px; line-height:18px;}
.proinfowraper ul li {margin-left:20px;}

@media screen and (max-width: 480px){	
	.probox h2{font-size:30px;}
	.proinfowraper p{font-size:20px; line-height:24px;}
	.proinfowraper{float:none; width:auto; margin:20px 0 0 0;}
}
.imagewraper{margin:20px 0 0 0; padding-bottom:10px;}

@media screen and (max-width: 480px){
	.imagewraper{float:none; width:auto; height:auto; margin:20px 0 0 0; padding-top:5px;}
}

/*Last thing remaining is to add transitions*/
.slider a img{position: absolute;left: 50%; top: 0;max-height:400px;margin:auto;transform: translateX(-50%) !important;}
.slider input[name='slide_switch'] {display: none;}
.slider label {	margin: 18px 0 0 12px;float: left;cursor: pointer;transition: all 0.5s;width: 120px;height: 120px;text-align:center;vertical-align:middle;}
.slider label img{width: auto;height: 100%;text-align: center;}
.slider input[name='slide_switch']:checked+label {visibility:visible;}
.slider input[name='slide_switch'] ~ a>img {visibility:hidden;top:0;}
.slider input[name='slide_switch']:checked+label+a>img {opacity: 1;visibility:visible;}
.slider label img{width: auto;height: auto;max-width:100%;max-height:100%;text-align: center;vertical-align: middle; }
.slider{width:100%;}
.listing ul li{width:32%; float:left; margin-right:1%;}

@media screen and (max-width: 400px) {
	.slider label img{width:100%;}
}
@media (max-width: 767px) { 
	.slider{padding-top:250px; width:100%; }
	.slider a img{height:240px; width:auto;}
}
span.helper {height: 100%;vertical-align: middle; }
.slider{width: 640px;position: relative;padding-top: 420px;margin: 0 auto;box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);}


.footer {margin-top:15px;}
.footer .copyright{background:#292929; padding: 15px 0; margin-top:10px; color:#999; font-size:12px; text-align:center;}
.footer .copyright a{font-size:12px; color:#fff; padding: 3px 5px;}
.footer .copyright a:hover{color:#70ddf4;}

@media screen and (max-width: 480px){
	.footer .footercol{float:left; width:50%; margin-top:15px;}
}
.inner{width:960px; margin: 0 auto;}
@media screen and (max-width: 1024px){
	.inner{width:auto; margin: 0 10px;}
	.flexslider { margin: 0 10px !important; position: relative; zoom: 1; width:auto !important;}
}
@media screen and (max-width: 767px){
	.slider {padding-top: 250px;width: 100%;}
}

.productWrap h1{color:#444;}

a{text-decoration:none; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out;}
img{border:0; max-width:100%; }

input { display: none; }
label {	display: inline-block; background: #4a9dd5; text-decoration: none; color: #000;	font-size: 13px; font-weight: bold;	padding: 10px 10px;	margin-right: 5px;  border-radius: 4px 4px 0 0;}
label:hover { color: #000; background:#1E3F55; cursor: pointer; }
input:checked + label {	background: #1E3F55; text-decoration: none;	color: #fff; font-size: 13px; font-weight: bold; padding: 10px 10px; margin-right: 5px;  border-radius: 4px 4px 0 0;}
#tabss1:checked ~ #content1,#tabss2:checked ~ #content2,#tabss3:checked ~ #content3,#tabss4:checked ~ #content4,#tabss5:checked ~ #content5,#tabss6:checked ~ #content6 { display: block; }