@charset "utf-8";

#banner{
	width: 100%;
}
 

#banner iframe {
	height:540px;
}
 

.search_box {
    width: 45%;
    float: left;
}

.search_text {
    width: 50%;
    float: right;
    padding-right: 10%;
    padding-top: 1%;
}
.search {
  width: 100%;
  position: relative
}

.searchTerm {
    float: left;
    width: 100%;
    border: 2px solid #b3b3b3;
    padding: 5px;
    height: 36px;
    border-radius: 5px;
    outline: none;
    color: #9DBFAF;
}
.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  position: absolute;  
  right: -50px;
  /*width: 40px;*/
  height: 36px;
  border: 1px solid #004077;
  background: #004077;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 10px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#main_product {
	    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 3%;
    padding-top: 3%;
    background-color: #eee;
}

#main_product1 {
	    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 3%;
    padding-top: 3%;
    background-color: #fff;
}
#main_product h2{
	text-align:center;
	font-size:2em;
	text-transform:uppercase;
	padding-bottom:3%;
	}


.left_product h3{
    text-align: left;
    font-size: 1.5em;
    padding-top: 3%;
    padding-bottom: 2%;
	}

.left_product h5{
	text-align: left;
    font-size: 1.5em;
    text-transform: uppercase;
    /* padding-bottom: 3%; */
    font-weight: bold;
    padding-top: 15%;
	}

.clear{clear:both;}

.left_product {
	width: 20%;
	float: left;
}

.left_product h1 {
	font-size: 1.5em;
    margin: 0.67em 0;
}


.right_product {
	width: 75%;
	float:right;

}

.right_gallery {
	width: 100%;
	float:right;
	

}




.right_gallery h1 {
    font-size: 1.5em;
    margin: 0.67em 0;
}
.left_product1 {
	width: 100%;
    float: left;
    padding-bottom: 3%;
    padding-top: 2%;
}


.right_product_image{
	     width: 32.33%;
    float: left;
    padding-right: 0%;
    border-bottom: 1px solid #eee;}



.right_product_imagediv{width:100%;
float:left;
}


.right_product_imagediv img{width:100%;
float:left;
}


.right_product_imagediv h5{
	font-family: "AvenirNextLTW01-Medium";
	font-size: 12px;
	line-height: 1;
	text-align: center;
	letter-spacing: 1.5px;
	padding-bottom: 12px;
	text-transform: uppercase;
	font-weight: bold;
	    padding-top: 20%;
}


.right_product_imagediv h4{
	font-family: "AvenirNextLTW01-Medium";
	font-size: 12px;
	line-height: 1;
	text-align: center;
	letter-spacing: 1.5px;
	padding-bottom: 12px;
	text-transform: uppercase;
	font-weight: bold;
	    
}
	
	
	.right_product_imagediv h6{font-family: "AvenirNextLTW01-Medium";
    font-size: 11px;
    line-height: 1;
	text-align:center;
    letter-spacing: 1.5px;
    padding-bottom: 12px;
	text-transform:uppercase;
	font-weight:bold;}



.right_product_image {
    /* border-bottom-width: 1px; */
    /* border-bottom-style: solid; */
    /* border-bottom-color: #EEEADF; */
    border: 1px solid #eee;
}

.right_product_image:hover {
	border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #275b88;
    border: 1px solid #275b88;
}

.right_product_image:hover{
color: green; /* Dummy definition to overcome IE bug */
}


.left_product_details {
    width: 40%;
    float: left;
}



.right_productinner {
	width: 55%;
	float:right;
}

.right_productinner h1{
	    font-size: 1.5em;
    text-align: left;
    width: 98%;
    /* padding-top: 2%; */
    /* padding-bottom: 2%; */
    /* padding-left: 2%; */
    /* margin-bottom: 2%; */
    font-weight: bold;
}


.box_size{
	width: 12%;
	float: left;
	margin-right: 1%;
	margin-top: 3%;
	margin-bottom: 3%;
}


.addcart{
	width: 100%;
	float: left;
	margin-right: 1%;
	margin-top: 3%;
	margin-bottom: 3%;
}

.addcart img{width:100%;}
.box_size select {
    width: 90%;
    border: 1px solid #e4e4e4;
    padding: 2%;
}
.right_productinner p{
	font-size: 0.9em;
	color: #6b6b6b;
	margin: 0;
	line-height: 1.5em;
	font-family: "AvenirNextLTW01-Medium";
	padding-top: 1%;
	padding-bottom: 1%;
}
.right_productinner span{
	font-size: 13px;
	color: #6b6b6b;
	margin: 0;
	
font-family: "AvenirNextLTW01-Medium";
}



#main_product_detail {
	width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 3%;
    margin-top: 2%;
}.side_div {
	width: 100%;
	font-weight: normal;
	/* background: #f5f6f1; */
    /* height: 55px; */
    /* line-height: 55px; */
	margin-bottom: 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #d4d4d4;
	width: 100%;
	float: left;
	padding-right: 0%;
	border-bottom: 1px solid #eee;
	
}


.product_banner{width:100%;}

.product_banner img{width:100%;}


/*********************************************login Details**8******************************/

.login_main {
	width: 90%;
	
	margin-right: auto;
	margin-left: auto;
}

.textbox_username {
    background: #F9F9F9;
 font-family: "AvenirNextLTW01-Regular";
    font-size: 13px;
    color: #424242;
    width: 100%;
    border: 1px solid #A9A9A9;
    float: left;
    padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
}
#ragister_left {
	float: left;
	height: auto;
	width: 45%;
}
#ragister_right {
	float: right;
	width: 45%;
	height: auto;
}


#ragister_about {
    float: left;
    height: auto;
    width: 100%;
    text-align: left;
}


#ragister_text {
	background-color: #FFF;
	height: auto;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
}
#ragister_inner h1 {
font-family: "AvenirNextLTW01-Regular";
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
color: #000;
border-bottom: 1px solid #d4d4d4;
padding-bottom: 15px;
margin: 0 0 20px;
}
#ragister_inner {
    float: left;
    height: auto;
    width: 100%;
    background-color: #FFF;
    margin-bottom: 2%;
}


#ragister_about p {
    color: #000;
    font-family: "AvenirNextLTW01-Regular";
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 18px;
    text-align: justify;
}



#ragister_inner h1 {
    font-family: "AvenirNextLTW01-Regular";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
    margin: 0 0 20px;
}
#ragister_left {
	float: left;
	height: auto;
	width: 45%;
	    text-align: left;
}
#ragister_right {
	float: right;
	width: 45%;
	height: auto;
	    text-align: left;
}

#user {
	float: left;
	width: 30%;
	padding-top: 6px;
	padding-bottom: 6px;
}


#user_text {
	float: left;
	width: 60%;
}#ragister_left #user span {
	font-size: 13px;
	color: #333333;
	margin: 0;
	line-height: 22px;
	font-family: "AvenirNextLTW01-Regular";
}


.textbox_user{
	background: #F9F9F9;
font-family: "AvenirNextLTW01-Regular";
font-size: 13px;
color: #424242;
width: 100%;
border: 1px solid #A9A9A9;
float: left;
padding-top: 6px;
padding-right: 15px;
padding-bottom: 6px;
padding-left: 15px;
}
#ragister_right #user span {
	font-size: 13px;
	color: #333333;
	margin: 0;
	line-height: 22px;
font-family: "AvenirNextLTW01-Regular";
}

#submitbtn img {
	width: 80%;
}
#resettbtn img {
	width: 80%;
}
#loginttbtn img {
	width: 80%;
}

#loginttbtn {
    float: right;
    width: 45%;
    text-align: right;
}



#user_text {
	float: left;
	width: 60%;
}

#user {
    float: left;
    width: 30%;
    padding-top: 6px;
    padding-bottom: 6px;
}


.single-inputs {
    background: #F9F9F9;
font-family: "AvenirNextLTW01-Regular";
    font-size: 35px;
    font-size: 13px;
    color: #424242;
    border: 1px solid #e4e4e4;
    width: 100%;
    cursor: pointer;
    padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
}#submitbtn {
    float: left;
    width: 45%;
}
#resettbtn {
    float: left;
    width: 45%;
}

.submitclass{    margin: 5% auto 2% 0%;
    padding: 1% 0%;
    width: 35%;
    font-family: "AvenirNextLTW01-Regular";
    font-size: 14px;
    background-color: #b75b00;
	width: 50%;
    color: white;
	border:none;}
/*********************************************login Details**8******************************/





.newsign {
    width: 100%;
    float: right;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 4%;
    text-align: right;
    display: block;
    z-index: 99;
    position: relative;
}


.nav {
	       float: right;
    width: 50%;
    padding-top: 0%;

}


/*********************************************brand css**8******************************/
.brand_new {
	width: 85%;
	margin-top: 4%;
	margin-right: auto;
	margin-left: auto;
}


.box1{width: 33.3%;
    float: left;
    text-align: center;
    padding-top: 2.8%;
    padding-bottom: 2.8%;
    background-color: #f1f0ef;

}

.box1 img{width:70%;



}

.box2{
	width: 33.3%;
	background-color: #fcbe00;
	float: left;
	text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}
/*********************************************brand css**8******************************/

.right_product h1 {
	
	font-size: 1.5em;
    margin: 0.67em 0;
}

#main_header {
	    width: 100%;
    /* margin-right: auto; */
    /* margin-left: auto; */
    padding-left: 5%;
    padding-right: 5%;
    border-top: #333 0px solid;
	background-color: #eee;
 }
.left_logo {
	    float: left;
    width: 25%;
    background-color: #004077;
	    padding-top: 0.5%;
}


#main_header .left_logo img {
	width: 100%;
}


.cart_page{    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
}




/*-----------------------------New Csss-----------------------------*/

#main_box{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	background-color: #eee;
	margin-top: 0.8%;
}
		
		
.topbox{width:100%;
float:left;
background-color:#FFF;
}	

.topbox1{
	width: 50%;
	float: left;
    /* padding-bottom: 3.2%; */
    /* border: 1px solid #eee; */
}	

.topbox2{
	width: 50%;
	float: right;
}	

#main_box1{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    /* background-color: #eee; */
    margin-top: 0.5%;
}
	

.middlbox1{
	width: 33.333%;
	margin-top: 0%;
	float: left;
}


.middlbox2{
	width: 33.333%;
	margin-top: 0%;
	float: left;
}

.middlbox3{
	width: 33.333%;
	margin-right: 0%;
	margin-top: 0%;
	float: right;
}
.topbox .topbox1 img {
	width: 100%;
}


.topbox .topbox2 img {
	width: 100%;
}
.middlbox1 img {
	width: 100%;
}

.middlbox2 img {
	width: 100%;
}


.middlbox3 img {
	width: 100%;
}

.fade
{
        opacity:3;
}
.fade:hover
{
        opacity:0.5;
}


.fade1
{
        opacity:4;
}
.fade1:hover
{
        opacity:0.5;
}
/*-----------------------------New Csss-----------------------------*/

#main_contact {
    float: left;
    height: auto;
    width: 100%;
    text-align: left;
}

.main_left {
    float: left;
    height: auto;
    width: 30%;
    text-align: left;
}

.main_left h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    line-height: 1.5em;
}

.main_left p {
    color: #000;
    font-family: "AvenirNextLTW01-Regular";
    font-size: 14px;
    line-height: 1.7em;
}

.main_right {
    float: right;
    height: auto;
    width: 55%;
    text-align: left;
}





@media only screen and (max-width: 500px) and (min-width: 300px)

{


.middlbox3 {
    width: 100%;
    margin-right: 0%;
    margin-top: 0%;
    float: right;
}

.middlbox2 {
    width: 100%;
    margin-right: 0%;
    margin-top: 0%;
    float: left;
}

.middlbox1 {
    width: 100%;
    margin-right: 0%;
    margin-top: 0%;
    float: left;
}

.topbox2 {
    width: 100%;
    float: right;
    margin-top: 2%;
}


.topbox1 {
    width: 100%;
    float: left;
    margin-right: 0%;
    padding-bottom: 3.2%;
    border: 1px solid #eee;
}
#main_header {
    width: 100%;
    /* margin-right: auto; */
    /* margin-left: auto; */
    padding-left: 0%;
    padding-right: 0%;
    border-top: #333 0px solid;
    /* position: absolute; */
    /* top: 3%; */
    /* z-index: 999; */
    background-color: rgb(255, 255, 255);
    /* border-bottom: solid 1px #e4e4e4; */
    /* border-top: solid 6px #004077; */
    /* box-shadow: 0 1px 14px rgba(0,0,0,1); */
    /* opacity: 0.8; */
}

#cssmenu1 > ul > li > a {
    padding: 17px;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}
	.main_left {
    float: left;
    height: auto;
    width: 100%;
    text-align: left;
}


    .main_right {
    float: right;
    height: auto;
    width: 100%;
    text-align: left;
}
	
#banner {
        width: 100%;
            margin-top: 45%;
}


#banner iframe {
    height: 180px;
}

.box1 {
      width: 100%;
    float: left;
    text-align: center;
    padding-top: 1.5%;
    border: 1px solid #eee;
}


.box2 {
    width: 100%;
    background-color: #fcbe00;
    float: left;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}


.box1 img{width:90%;

}

.nav {
       float: left;
    width: 100%;
    background-color: #004077;
    padding-top: 0.5%;
}

.left_logo {
    float: left;
    width: 100%;
    background-color: #004077;
    padding-top: 0.5%;
   
}

#main_header .left_logo img {
    width: 100%;
}
	
	.left_product {
    width: 100%;
    float: left;
}



.right_product {
    width: 100%;
    float: right;
}


.right_product_image {
    width: 100%;
    float: left;
    padding-right: 0%;
    border-bottom: 1px solid #eee;
}

#main_product h2 {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    padding-bottom: 3%;
}

.left_product h1 {
	font-size: 1.2em;
    margin: 0.67em 0;
}

.right_product h1 {
	font-size: 1em;
    margin: 0.67em 0;
	font-weight:bold;
	
}

.product_banner {
    width: 100%;
    margin-top: 35%;
}

.left_product_details {
    width: 100%;
    float: left;
}

#main_product_detail {
    width: 95%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    margin-bottom: 3%;
    margin-top: 60%;
}

.right_productinner {
    width: 100%;
    float: right;
}


#ragister_left {
    float: left;
    height: auto;
    width: 100%;
    text-align: left;
}

#ragister_right {
    float: right;
    width: 100%;
    height: auto;
    text-align: left;
}

#user {
    float: left;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}

#user_text {
    float: left;
    width: 100%;
}

.login_main {
	width: 90%;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
}

.newsign{
		display:none;}}


@media only screen and (max-width:800px) and (min-width:450px)
{

.newsign{
		display:none;}
	.nav {
    float: right;
    width: 65%;
    padding-top: 2%;
}

.left_product_details {
    width: 100%;
    float: left;
}
.right_productinner {
    width: 100%;
    float: right;
}
	
	
	
	.box2 {
    width: 100%;
    background-color: #fcbe00;
    float: left;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}

.box1 {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 2.8%;
    padding-bottom: 2.8%;
    background-color: #f1f0ef;
}

.left_product {
    width: 100%;
    float: left;
}


.right_product {
    width: 100%;
    float: right;
}
}


@media only screen and (max-width: 1024px) and (min-width: 760px)

{}
.qun {
	float: right;
	width: 30%;
}