@charset "utf-8";

@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNextLTPro-Regular.otf')  format('opentype'),
	     url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Trend-One';
  src: url('../fonts/Trend-One.otf')  format('opentype');
  font-weight: normal;
  font-style: normal;
}


body{
	background-color:#f5f3f3;
	padding:0px;
	margin:0px;
	font-family: 'AvenirNextLTPro-Regular';
	max-width:1349px;
	margin:0 auto;
	position:relative;
}

.dropbtn {
  background-color: transparent;
  color: black;
  padding-right: 0px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}



.padding_div{
	padding:10px;
}

.points_font{
	font-weight:bold;
}
/*--------------------------------------------------------- index page ------------------------------------------------------*/

.header{
	width:100%;
	padding:10px 0px;
}

.campany_logo{
	float:left;
	margin-left:100px;
}

.menu-m{
	display:none;
}

#tabs-3 > ul,#tabs-4 > ul{
	line-height: 22px;
}

.top_menu{
	float:right;
	margin-right:100px;
}

.top_menu ul{
	margin:0px;
	padding:0px;
}

.top_menu ul li{
	display:inline-block;
}

.top_menu ul li a{
	text-decoration:none;
	color:black;
}

img.logo_bag{
	padding:0 4px;
	display: inline-block;
}
img.logo_locked{
	padding:0 2px;
	display: inline-block;
}

.cart-icon{
	cursor:pointer;

}

.checkout{
	width: 100%;
    background-color: #909090;
    text-align: center;
	padding:10px 0px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.checkout a{
	color: white !important;
    font-weight: 900;
    font-size: 13px;
}

.icon_checkout{
	margin-top: -8px;
	margin-left:10px;
}

#display{
	position: relative;
	font-size: 17px;
}

#display2{
	position: absolute;
	z-index: 101;
	right: 0px;
    top: 31px;
	width:400px;
	background-color:#f6f6f6;
	border:1px solid #dadada;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	max-height:560px;
	overflow-y: auto;
}

.hidden_cart{
	display:none;
}

.class1{
	display:inline-block;
}

.cart_quantity{
	display: inline-block;
    margin: 0px;
}

.cart-quantity{
	display: inline-block;
    margin: 0px;
}

.li_cart{
	position:relative;
	width:190px;
	height: 17px;
}

.cart_new{
	position:absolute;

	width:100%;
}

.group:after{
	clear:both;
	display:table;
	content:"";
}

.no_item{
	padding:10px;
	text-align:center;
}

.menu{
    background-color: #0054a6;
    padding: 10px 10px;
    position: relative;
    height: 30px;
	z-index: 99;
}
.menu ul.menu_ul{
	padding: 0px;
    margin: 0px;
    margin-left: 50px;
    float: left;
    margin-top: 9px;
    position: absolute;
    z-index: 99;
}

.triangle_tick{
	position: absolute;
    top: -9px;
    left: 75px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #0054a6 transparent;
}

.triangle_cart{
	position:absolute;
	right: 20px;
    top: -9px;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #0054a6 transparent;
}

.cart_container{
	width: 96%;
    padding: 4% 2%;
	position:relative;

}

.ul_cart li{
	border-bottom:1px dotted #929292;
	width:100%;
}

.ul_cart li:last-child{
	border:none;
}

.remove{
	position:absolute;
	right:10px;
	bottom:10px;
	cursor:pointer;
}

.cart-banner{
	text-align: center;
	width: 80%;
	margin:0 auto;
}

.cart-banner img{
	width:100%;
}

p.cart_product_name{
	margin:0px;
	color:#636363;
	font-size:15px;
	font-weight:900;
}

p.cart_product_price{
	margin:0px;
	color:#06107f;
	font-weight:600;
	font-size:14px;
}

p.cart_product_quantity span{
	font-weight:900;
}

p.cart_product_quantity{
	margin:0px;
	font-size:14px;
	color:#636363;
}

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

.cart_image img {
	width:100%;
}

.cart_detail{
	float:left;
	width:55%;
	padding: 0px 2.5%;
}

.menu ul.menu_ul li{
	display: inline-block;
    margin-right: 25px;
    position: relative;
    height: 42px;
}

.menu ul.menu_ul li a{
	text-decoration:none;
}

.menu ul.menu_ul > li > a{
	color:white;
	text-decoration:none;
}

.menu ul.menu_ul li:hover ul.menu_level_1{
    opacity: 1;
    visibility: visible;
	width: 180px;
	padding: 0px;
    margin: 0px;
    background-color: #f6f6f6;
	left:-40px;


}

.menu ul.menu_ul li:hover ul.menu_level_1 li:hover ul.menu_level_2{
    opacity: 1;
    visibility: visible;
	width: 180px;
	padding: 0px;
    margin: 0px;
	top: 0px;

}

ul.menu_level_1{
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
	top: 39px;
	border: 1px solid #dbd9da;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

ul.menu_level_1 li{
    padding: 15px 0px;
    border-bottom: 2px solid #9f9f9f;
    margin: 0px;
    width: 100%;
	height: auto !important;
	background-image: url(../images/menu_icon1.jpg);
    background-repeat: no-repeat;
    background-position: 10px 16px;
}

ul.menu_level_1 li:hover{
	background-color:#0054a6;
	background-image: url(../images/menu_icon1_hover.png);
    background-repeat: no-repeat;
    background-position: 10px 16px;
}

ul.menu_level_1 li:hover span{
	color:white;
}

ul.menu_level_1 li:last-child {
	border:none;
}

ul.menu_level_1 li span{
	padding-left:40px;
	color:#616161;
	font-weight: 600;
	float: left;
}

ul.menu_level_1 li a{
	padding-left:40px;
	color:#616161;
	font-weight: 600;
	float: left;
}

ul.menu_level_1 li:hover a{
	color:white;
}

ul.menu_level_2{
	opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    width: 180px;
    left: 190px;
    top: -10px;
    background-color: #f6f6f6;
    padding: 0px;
    margin: 0px;
	border: 1px solid #dbd9da;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.triangle_tick1{
	position:absolute;
	left: -10px;
    top: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent #11218f transparent transparent;
}



ul.menu_level_2 li{
	border-bottom: 2px solid #9f9f9f;
	background-image: url(../images/menu_icon2.jpg);
    background-repeat: no-repeat;
    background-position: 10px 16px;
	position: relative;
    padding: 0px;
    height: 50px !important;
}

ul.menu_level_2 li:hover{

	background-image: url(../images/menu_icon2_hover.png);
    background-repeat: no-repeat;
    background-position: 10px 16px;
}

ul.menu_level_2 li a{
	padding-left:40px;
	color:#616161 !important;
	float:left;
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 14px;
}

ul.menu_level_2 li:hover a{
	color:white !important;
}

.search_div{
	float: right;
	margin-right: 40px;
	width: 230px;
}

.gsc-control-cse{
	border-color: transparent !important;
	background-color: transparent !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding:0 !important;
}

.cse input.gsc-search-button, input.gsc-search-button {
	height:25px !important;
}

.cse form.gsc-search-box, form.gsc-search-box {
	padding:0 !important;
}

table.gsc-search-box td.gsc-input{
	padding-right:0 !important;;
}

div.gsc-clear-button {
	display:none !important;
}

.search_text{
	height: 30px;
    border: none;
    background-color: #bdd348;
    border: 1px solid white;
    width: 200px;
	color:white;
	padding-left:10px;
}

.search_text::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: white;
}

.search_text:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.search_text::-moz-placeholder { /* Firefox 19+ */
  color: white;
}

.search_text:-ms-input-placeholder { /* IE 10+ */
  color: white;
}

.search_text::-ms-input-placeholder { /* Edge */
  color: white;
}

.search_text:placeholder-shown { /* Standard one last! */
  color: white;
}

.search_btn{
	margin:0px;
	border:none;
	height:30px;
	margin-left:-4px;
	color:#f9f7f6;
	background-color:#f9f7f6;
	width:30px;
	background-image:url(../images/search_img.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
	background-position: 6px;
}

.shadow{
	background-image: url(../images/slider_shadow.png);
    background-repeat: no-repeat;
    height: 50px;
    background-size: contain;
}

.flex-control-nav {
	display:none;
}

.footer{
	background-color:#5d5d5d;
	padding:15px 100px;
	color:white;
}

.connect{
	float:left;
	margin-right:40px;
	font-size:13px;
}

.connect ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.connect ul li{
	padding: 3px 0 0;
}

.connect ul li a{
	color:white;
	font-size:13px;
	text-decoration:none;
}

.connect h1{
	text-decoration:underline;
	font-size: 13px;
}

.min_height{
	min-height: 115px;
}

.footer_column_1{
	float:left;
	width:55%;
}

.footer_column_2{
	float:left;
	width:45%;
	text-align:justify;
	line-height:15px;
}

.copyright{
	padding:0px 100px;
	color:#373737;
	font-size: 12px;
}

.footer-logo-container{
	width:90%;
	margin:0 auto;
}

/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width: 90%;
	height:150px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:150px;
	height:150px;
	text-align:center;
}
.ca-more{
	position: absolute;
	bottom: 10px;
	right:0px;
	padding:4px 15px;
	font-weight:bold;
	background: #ccbda2;
	text-align:center;
	color: white;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	text-shadow:1px 1px 1px #897c63;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../js/CircularContentCarousel/images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
}
.ca-item-main img{
	padding:0px;
	width:100%;
}
.ca-icon{
	width:233px;
	height:189px;
	position:relative;
	margin:0 auto;
}
.ca-item h3{
	font-family: 'Coustard', sans-serif;
	text-transform:uppercase;
	font-size:30px;
	color:#000;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	background:#b0ccc6;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../js/CircularContentCarousel/images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}
/* Circular Content Carousel Style */

.title{
	position:relative;
	border-top:1px solid #363636;
	margin:25px 75px;
}

.title p{
	position: absolute;
    background-color: #f5f3f3;
    top: -19px;
    left: calc(50% - 100px);
    padding: 10px;
    margin: 0px;
    width: 200px;
    text-align: center;
	color:#000;
	font-weight:600;
}

.title_wo_line{
	margin: 0px auto;
    width: 200px;
    text-align: center;
    color: #616161;
    font-weight: 600;
	margin-top: -13px;
    margin-bottom: -13px;
}

.logo_display{
	margin:20px 75px;
	border-top:1px solid #363636;
	display:none;
}

.column_3{
	width:33.33%;
	float:left;
}

.column_2{
	float: left;
    margin: 15px 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.image_text{
	line-height: 38px;
    margin-left: 10px;
}

#tabs{
	margin:20px 75px;
}

#tabs > div{
	margin-left:-4px;
}
#tabs > ul{
	padding:0px;
	margin:0px;

}

#tabs > ul > li{
	display: inline-block;
	border: 1px solid #000;
	padding: 10px 20px;
	text-align: center;
	background-color: white;
	margin-left: -5px;
	width: 150px;
	position: relative;
}

#tabs > ul > li:first-child{
	border-right: none;
}

.selected_dot{
	display:none;
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0054a6 transparent transparent transparent;
	bottom:-11px;
	left: calc(50% - 10px);
}

#tabs ul li a{
 	color:#000;
	text-decoration:none;
}

#tabs ul li.ui-tabs-active{
	background-color:#0054a6;
	border:1px solid #0054a6;
}

#tabs ul li.ui-tabs-active a{
	color:white;
}

#tabs ul li.ui-tabs-active .selected_dot{
	display:block;
}

.product_div{
	padding: 15px;
    background-color: white;
    width: 19.2%;
	margin:1.6% 0px;
    margin-right: 3.2%;
    float: left;
	position:relative;
	min-height: 282px;

}

.product_div:nth-child(4n+4){
	margin-right:0px;
}

.product_img{
	padding-bottom:10px;
	border-bottom:2px solid #afafaf;
	position:relative;
	width:228px;
	height:171px;
	overflow: hidden;
}

.product_img img{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.promotion_p{
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 90px 90px 0;
    border-color: transparent #f15a2f transparent transparent;
    color: white;
    position: absolute;
    top: 0px;
    right: 0px;
}

.promotion_p p{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	writing-mode: lr-tb;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	writing-mode: lr-tb;
	text-align: center;
	margin-top: -2px;
	margin-left: 47px;
}

.seller_p{
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 90px 90px 0 0;
    border-color: #70cfef transparent transparent transparent;
    color: white;
    position: absolute;
    top: 0px;
    left: 0px;

}

.seller_p .p1{
	-webkit-transform: rotate(-46deg);
	-moz-transform: rotate(-46deg);
	-o-transform: rotate(-46deg);
	writing-mode: lr-tb;
	-webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-46deg);
    -o-transform: rotate(-46deg);
    writing-mode: lr-tb;
    text-align: center;
	margin-top: -63px;
    margin-left: 10px;
}

.seller_p .p2{
	-webkit-transform: rotate(-46deg);
	-moz-transform: rotate(-46deg);
	-o-transform: rotate(-46deg);
	writing-mode: lr-tb;
	-webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-46deg);
    -o-transform: rotate(-46deg);
    writing-mode: lr-tb;
    text-align: center;
    margin-top: -18px;
    margin-left: 15px;
}

.product_content{
	position:relative;
	margin-top:15px;
}

.product_name{
	margin: 0px;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	height: 35px;
	display: -webkit-box;
	margin-bottom: 7px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product_sku{
	margin:0px;
	color:#000;
	font-size:11px;
	margin-bottom:10px;
}

.product_price{
	margin:0px;
	color:#0d197e;
	font-weight:700;
	margin-bottom:7px;
}

.product_real{
	margin:0px;
	color:#616161;
	font-size: 11px;
    margin-top: -6px;
    text-decoration: line-through;
}

.prodcut_discount{
	position:absolute;
	bottom:0px;
	right:0px;
	padding:5px 10px;
	width:50px;
	background-color:#bdd349;
	color:white;
	text-align:center;
	margin:0px;
}

.epp_note {
	padding:10px 0px;
	color:#bf372d;
	font-size:14px;
	margin-top:10px;
	border-top: 2px solid #afafaf;
}

.epp_download {
	width:100%;
	text-align:center;
}

.epp_download:after {
	clear:both;
	display:table;
	content:'';
}

.epp_download a {
	background-color:#bf372d;
	color:#FFFFFF;
	padding:10px 15px;
	font-size:14px;
	line-height:36px;
	text-decoration:none;
}

.promotion_p p.epp_90degree {
	margin-top:11px;
	margin-left:24px;
	float:left;
}

.package_div{
	margin:20px 75px;
	margin-top:0px;
}

/*--------------------------------------------------------- index page ------------------------------------------------------*/

/*--------------------------------------------------------- sign in page ------------------------------------------------------*/

.sign_div{
	margin: 40px 75px;
}

.sign_left{
	float:left;
	width:501.5px;
	padding:0px 48.5px;
	border-right:1px solid #898989;
}

.sign_left h1{
	color:#616161;
	font-weight:600;
	font-size:16px;
}

.sign_left img{
	width:100%;
	margin: 20px 0px;
	cursor:pointer;
}

.sign_right{
	float:right;
	width:501.5px;
	padding: 0px 48.5px;

}

.sign_right h1{
	color:#616161;
	font-weight:600;
	font-size:16px;
	margin-bottom: 50px;
}

.label_text{
	color:#616161;
	font-size:15px;
	font-weight:900;
}

.input_text{
	width:100%;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	height:40px;
	border:1px solid #919191;
	margin:10px 0px;
	padding-left:15px;
	background-color:#f9f9f9;


/*	width: -moz-calc(100% - 15px);
	width: -webkit-calc(100% - 15px);
	width: -o-calc(100% - 15px);
	width: calc(100% - 15px);*/
}

.input_select{
	width:100%;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	height:40px;
	border:1px solid #919191;
	margin:10px 0px;
	padding-left:15px;
	background-color:#f9f9f9;
}

.p_policy{
	text-align:justify;
	color:#7b7a7a;
	font-size: 15px;
}

.p_policy span{
	text-decoration:underline;
}

.p_policy span a{
	color:#7b7a7a;
}

.btn_blue{
	background: #061a7c;
    background-image: -webkit-linear-gradient(top, #061a7c, #061a7c);
    background-image: -moz-linear-gradient(top, #061a7c, #061a7c);
    background-image: -ms-linear-gradient(top, #061a7c, #061a7c);
    background-image: -o-linear-gradient(top, #061a7c, #061a7c);
    background-image: linear-gradient(to bottom, #061a7c, #061a7c);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: 'AvenirNextLTPro-Regular';
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    bg-start-gradient-hover: ;
    bg-end-gradient-hover: ;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: none;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    width: 215px;
}

.btn_blue:hover {
  text-decoration: none;
}

.login_form{
	width:100%;
}

.forget_p{
	text-align:right;
}

.forget_p a{
	font-size: 15px;
	color:#7b7a7a;
	text-decoration:none;
}

.line_separator{
	width:300px;
	margin:0 auto;
	height:2px;
	border-top:2px solid #363636;
	margin-top:30px;
	margin-bottom:28px;
}

.btn_margin{
	margin-top: 47px;
}

.forgot-password-div{
	display:none;
}

.image_box{
	width: 760px;
    height: 400px;
    text-align: center;
    padding: 0px !important;
}

/*--------------------------------------------------------- sign in page ------------------------------------------------------*/
/*--------------------------------------------------------- request page ------------------------------------------------------*/

.file_content{
	width:100px;
	font-size:12px;
	color:#616161;
	float:left;
	margin-left:10px;
}

.request_des h1{
	color: #616161;
    font-size: 22px;
    font-weight: 900;
	margin:0px;
}

.request_des p{
	color: #616161;
    font-size: 13px;
}

.doc_p{
	color: #616161;
    font-size: 15px;
    font-weight: 900;
}

.clear_border{
	border:none;
}

.file_btn {
  background: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-image: linear-gradient(to bottom, #f9f9f9, #f9f9f9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #616161;
  font-size: 17px;
  padding: 10px 20px 10px 20px;
  border: solid #616161 1px;
  text-decoration: none;
  float:left;
  margin-bottom:10px;
}

.custom-file-input::-webkit-file-upload-button {
  display:none;
}

.line-separator{
	width:85%;
	margin:30px auto;
	height:2px;
	border-top:1px solid #898989;

}

.padding_left{
	padding-left:48.5px;
}
/*--------------------------------------------------------- request page ------------------------------------------------------*/
/*--------------------------------------------------------- lobibox ------------------------------------------------------*/
.lobibox.lobibox-success {
    top: 300px !important;
}

.lobibox.lobibox-error {
    top: 300px !important;
}

.lobibox.lobibox-info {
   top: 300px !important;
}
/*--------------------------------------------------------- lobibox ------------------------------------------------------*/
label.error{
	width: 100%;
    display: inline-block;
    margin: 20px 0px;
    color: red;
    margin-top: -9px;
}
/*--------------------------------------------------------- catalogue page ------------------------------------------------------*/
.catalogue_div{
	width:92%;
	margin:0 auto;
	margin-top:30px;
}

.catalogue_left{
	float: left;
    width: 234px;
    position: relative;
	background-color:white;
	color:#616161;
}

.catalogue-left-m {
	display:none;
}

.catalogue_left >h1{
	background-color:#616161;
	color:white;
    font-size: 19px;
    font-weight: 100;
    padding: 15px 10px;
	margin:0px;

}

.catalogue_left >h1 >a{

	color:white;
	text-decoration:none;

}

.menu-dropdown{
	padding: 6px 10px;
}

.menu-dropdown div.menu-dropdown {
	padding:6px 0px 6px 21px;
	float:left;
	width: 100%;
	display:none;
}

.menu_icon{
	float: left;
    width: 20px;
}

.menu-dropdown .menu-text a{
	color:#2D5381;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}

.menu-text{
	float: left;
    width: 88%;
    padding-left: 5px;
}

.menu-dropdown ol{
	margin:0px;
	list-style-type:none;
}

.menu-dropdown ol li{
	padding:5px 0px;
}

.menu-dropdown ol li a{
	text-decoration:none;
	font-size:14px;
	color:#616161;
}

.catalogue_right{
	float: right;
    color: #000;
    width: 986px;
    min-height: 886px;
}

.catalogue_right > img{
	width:100%;
}

.catalogue_right >h1{
	background-color:#616161;
	color:white;
    font-size: 19px;
    font-weight: 100;
    padding: 15px 10px;
	margin:0px;
}

.catalogue_right >h1>a{
	color:white;
    font-size: 19px;
    font-weight: 100;
	text-decoration:none;
}

.catalogue_right1{
	float: right;
    color: #000;
    width: 986px;
	padding-bottom:20px;
	min-height: 886px;
}

.catalogue_right1 >h1{
	background-color:#616161;
	color:white;
    font-size: 19px;
    font-weight: 100;
    padding: 15px 10px;
	margin:0px;
}

.catalogue_right1 >h1>a{
	color:white;
    font-size: 19px;
    font-weight: 100;
	text-decoration:none;
}

.catalogue_product_div{
	padding: 15px;
	padding-top:0px;
    background-color: white;
    margin: 1.6% 0px;
    margin-right: 3.2%;
    float: left;
    position: relative;
    min-height: 310px;
	width: 28.1%;
}

.catalogue_right .catalogue_product_div:nth-child(3n+3){
	margin-right:0px;
}

.catalogue_product_div .product_img{
	width:auto !important;
}

.pagination{
	width:100%;
	margin-bottom: 11px;
}

.pagination ul{
	text-align:center;
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.pagination ul li.pagination_selected{
	color:white;
	background-color:#0054a6;
	border:1px solid #0054a6 ;
}

.pagination ul li.pagination_selected a{
	color:white ;
}

.pagination ul li{
	display:inline-block;
	padding: 10px 0px;
	border:1px solid #616161;
	cursor:pointer;
}

.pagination ul li a{
	text-decoration:none;
	color:#000;
	padding: 10px;
}

.sorting{
	margin-top: 2%;
}

.select_icon{
	padding:5px;
	color: #616161;
}

.c_page{
	font-weight:700;
}

.catalogue_product_div >a{
	text-decoration:none;
}

/*--------------------------------------------------------- catalogue page ------------------------------------------------------*/
/*--------------------------------------------------------- product page ------------------------------------------------------*/
.product_detail_container{
	margin-top:15px;
}

.product_left {
    float: left;
	width: 50%;
}

.product_right{
	float:left;
	width: 50%;
}

.image_right {
    width: 470px;
    position: relative;
    text-align: right;
    border: 1px solid #bbbdc0;
    margin-bottom: 10px;
}

.cloudzoom {
    width: 100%;
}

.image_left {
    width: 470px;
    height: 123px;
    position: relative;
    text-align: right;
    border: 1px solid #bbbdc0;
}

.product_right h1{
	margin:0px;
	color:#000;
	font-size:19px;
}

.product_right p{
	margin:0px;
	color:#000;
}

p.product_item_sku{
	color: #0d197d;
    margin: 10px 0px;
    font-size: 13px;
}

p.product_item_wishlist{
	margin: 10px 0px;
}

p.product_item_wishlist img{
	float: left;
}

a.add_wishlist{
	color: #c61d54;
    padding-left: 17px;
    padding-top: 2px;
    font-size: 11px;
    float: left;
}

p.product_item_wishlist:after{
	display:table;
	content:"";
	clear:both;
}

p.product_item_price{
    color: #041388;
    font-size: 17px;
    margin-top: 18px;
    margin-bottom: 5px;
}

span.product_item_discount{
	background-color: #0054a6;
    color: white;
    margin-left: 15px;
    padding: 2px 10px;
}

.product_item_original{
	font-size:15px;
}

.underline{
	text-decoration:line-through;
}

.product-option {
    width: 100%;
    margin-top: 20px;
}

.product-option >p {
    float: left;
}

.table_p_q{
	width:100%;
}

.table_p_q tr td{
	padding-bottom:10px;
}

.table_p_q tr td:first-child{
	width:16%;
	padding-bottom:10px;
}

.table_p_q tr td:last-child{
	width:84%;
}

.table_epp {
	width:100%;
	color:#bf372d;
	font-size:13px;
	background-color: rgba(255, 237, 122, 0.60);
	padding: 10px 5px 0;
}

.table_epp a{
	color:#bf372d;
	font-weight:600;
	text-decoration:underline;
}

.table_epp tr td {
	padding-bottom:10px;
	vertical-align:top;
}

.table_epp tr td:nth-child(1) {
	width:19%;
}

.table_epp tr td:nth-child(2) {
	width:2%;
}

.table_epp tr td:nth-child(3) {
	width:63%;
}

.table_epp tr td:nth-child(4) {
	width:8%;
}

.product-option-item{
    border: 1px solid #dcdcdc;
    background-color: white;
    padding: 5px 5px;
    float: left;
    width: 88px;
}


.product-option .button {
    float: left;
    width: 11%;
    height: 29px;
    margin-top: 4px;
    cursor: pointer;
}

.quantity_type_4{
	padding:10px;
	border: 1px solid #dcdcdc;
    background-color: white;
	width: 88px;
}

.product-option-item:after,.product-option:after, .addthis:after{
	content:"";
	display:table;
	clear:both;
}

.de-quantity {
    background-image: url(../images/minus.png);
    width: 17px !important;
    height: 17px !important;
    color: transparent;
    border: none;
    background-color: transparent;
	background-size: 80%;
    background-repeat: no-repeat;
	background-position: 50%;
	cursor:pointer;
}

.product-option .quantity {
	color: #6d6d6d;
    height: 24px;
    float: left;
	width: 54%;
    padding: 0px 10%;
    text-align: center;
    border: none;
}

.in-quantity {
    background-image: url(../images/plus.png);
    width: 17px !important;
    height: 17px !important;
    color: transparent;
    border: none;
    background-color: transparent;
	background-size: 80%;
    background-repeat: no-repeat;
	background-position: 50%;
	cursor:pointer;
}

.add_cart{
	text-align: center;
    margin-top: 15px;
    border-bottom: 1px solid #363636;
    padding-bottom: 15px;
}

.add-to-cart {
    border: none;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    background-image: url(../images/add_cart.jpg);
    width: 199px;
    height: 44px;
}

.find_consultant{
	border: none;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    background-image: url(../images/add_cart.jpg);
    width: 199px;
    height: 44px;
}

.call_enquiry{
	border: none;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    background-image: url(../images/enquiry.jpg);
	margin-top: 40px;
    width: 265px;
    height: 44px;
}

.p_out_of_stock{
	border: none;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    background-image: url(../images/product-out-of-stock.jpg);
	margin-top: 40px;
    width: 295px;
    height: 44px;
}

.enquiry_p{
	font-weight:700;
	color:blue;
	font-size:17px;
}

.addthis{
	padding:15px;
}


.addthis > p{
	float: left;
    width: 65px;
    font-size: 14px;
    line-height: 26px;
}
.product_description{
	margin-top:20px;
}

.margin_tabs{
	margin:0px !important;
}

.tab_content{
	background-color:white;
	width:96%;
	padding:2%;
	color:#000;
}

.title1 {
    position: relative;
    border-top: 1px solid #363636;
    margin: 42px 0px;
}

.title1 p {
    position: absolute;
    background-color: #f5f3f3;
    top: -19px;
    left: calc(50% - 150px);
    padding: 10px;
    margin: 0px;
    width: 300px;
    text-align: center;
    color: #616161;
    font-weight: 600;
}

.pdf_container{
	width:85px;
	float:left;
	margin-right:15px;
}

.pdf_icon{
	width:100%;
}

.pdf_icon img{
	width:100%;
}

.pdf_p{
	width:100%;
	text-align:center;
	margin: 5px 0px;
}

.pdf_p a{
	text-decoration:none;
	color:black;
}

.product-variation{
	width: 100%;
    margin-top: 20px;
}

.product-variation >p {
    float: left;
	margin:0px;
}

.product_variation_select{
	border: 1px solid #dcdcdc;
    background-color: white;
    padding: 5px 5px;
    float: left;
    width: 99px;
    margin-top: -5px;
}

.product_selection_select {
    border: 1px solid #dcdcdc;
    background-color: white;
    padding: 5px 5px;
    float: left;
    margin-top: -5px;
}

.add_on_div{
	margin-top:10px;
}

.cart_color_span{
	font-size:14px;
	font-weight:200 !important;
}

/*--------------------------------------------------------- product page ------------------------------------------------------*/
/*--------------------------------------------------------- cart page ------------------------------------------------------*/
.cicle_content{
	position: relative;
   	width:100%;
	text-align:center;
    margin: 0px auto;
    margin-top: 30px;
}

.dot_line{
	position: absolute;
    height: 1px;
    width: 55%;
    border-bottom: 1px dotted #616161;
    top: 22px;
    left: 0px;
	right:0px;
	margin:0 auto;
    z-index: 1;
}

.protegus_dot_line {
	width:65%;
}

.cicle{
	width: 45px;
    height: 45px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 40px 40px 40px 40px;
    background-color: #616161;
    color: white;
    text-align: center;
	margin: 0px auto;
}

.cicle p{
	padding: 14px 0px;
    margin: 0px;
}
.cicle_process{
	color: #000;
    margin: 5px 0px;
    text-align: center;
}

.single_circle{
    margin-right: 20%;
	position:relative;
	display:inline-block;
	z-index:9;
}

.protegus_circle {
	margin-right:10%;
}

.cart_progress .cicle{
	background-color: #0054a6;
}

.cart_progress .cicle_process{
	font-weight:700;
}

.single_circle:last-child{
	margin-right: 0px;
}

.cart_content{
	width:80%;
	margin:0px auto;
}

.cart_section{
	font-weight:900;
	color:#616161;
	font-size:18px;

}

.select_address{
	text-align:center;
	color:white;
	margin:0px;
	padding:5px 0px;
	background-color:#0054a6;
	width:100%;
}

.add_address{
	color:#606060;
	text-align:center;
	margin:0px;
	padding:5px 0px;
	width:100%;
	background-color:#d0cecf;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.add_address a{
	color:#606060;
	text-decoration:none;
}

.add_address_icon{
	margin-right: 15px;
    width: 13px;
    margin-top: 3px;
}

.address_content{
	background-color:#f9f9f9;
	padding:10px;
	border-left:1px solid #929292;
	border-right:1px solid #929292;
}

.radio_div{
    display: table-cell;
    width: 5%;
    text-align: center;
    vertical-align: top;
}

.address_div{
    display: table-cell;
	color:#616161;
	position: relative;
}

.no_address{
	width: 100%;
    display: table;
	padding-bottom:25px;
}

.address_div_p{
	margin:3px 0px;
	font-size:14px;
}

.address_div_name{
	margin:3px 0px;
	margin-top:0px;
	font-weight:900;
	font-size:18px;
}

.icon_address{
	width:13px;
	margin-right:10px;
	float:left;
}

.button_div{
	position:absolute;
	top:0px;
	right:0px;
}

.button_img{
	margin-right:30px;
	cursor:pointer;
}

.button_img:last-child{
	margin-right:0px;
}

.order-detail-m {
	display:none;
}

.order_content{
	width:100%;
	border-collapse:collapse;
	border:1px solid #898989;
}

.order_content > tbody > tr > th{
	background-color: #0054a6;
    color: white;
    font-weight: 700;
    border-collapse: collapse;
    text-align: left;
    padding: 10px;
    padding-left: 30px;
}

.order_content > tbody > tr > th:first-child{
	padding-left: 8%;
}

.order_content > tbody > tr > td{
	border-bottom:1px solid #898989;
	border-collapse:collapse;
	padding: 10px;
    padding-left: 30px;
	vertical-align: top;
	background-color:#f9f9f9;
	color:#626262;
    font-weight: 800;
}

.order_content > tbody > tr > td:last-child{
	padding: 10px 3px;
}

.order_content > tbody > tr{
	position:relative;
}

.order_img{
	display:inline-block;
	vertical-align:top;
}

.order_img img{
	width:150px;
}

.order_name{
	display:inline-block;
	vertical-align:top;
	margin-left: 5%;
}

.order_name p.name{
	margin:0px;
}

.order_name p.code{
	margin:5px 0px;
	font-size:14px;
	font-weight:300;
}

.input-checkout-quantity{
	width: 48%;
    text-align: center;
}

.item-quantity{
	width:90px;
	margin:0 auto;
}

.text_right{
	text-align:right;
}

.text_center{
	text-align:center !important;
}

.icon_cancel{
	cursor:pointer;
}

.grand_total{
	width:100%;
}

.grand_div{
	width:100%;
}

.grand_div > p{
	display:inline-block;
	margin:5px 0px;
}

.grand_div > p:first-child{
	width:30%;
	text-align:right;
}

.grand_div > p:last-child{
    margin-right: 5%;
    text-align: right;
    width: 60%;
	float:right;
}

.right_side{
	float: right;
	color: #000000;
	width: 60%;
    margin-right: 5%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.total_div{
	color: white;
    background-color: #0054a6;
    width: 95%;
    margin-right: 5%;
}

.total_div > tbody > tr > td:first-child{
    text-align: right;
    width: 32%;
}

.total_div > tbody > tr > td:last-child{
	text-align:right;
	width:70%;
}

.total_div > tbody > tr > td:last-child p{
	padding-right: 7%;
}

.gst_font{
	font-size:12px;
}

.input_text1 {
    width: 100%;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    border: 1px solid #919191;
    margin: 10px 0px;
    padding-left: 15px;
    background-color: #f9f9f9;
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: -o-calc(100% - 15px);
    width: calc(100% - 15px);
}

.input_select1 {
    width: 100%;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    border: 1px solid #919191;
    margin: 10px 0px;
    padding-left: 15px;
    background-color: #f9f9f9;
}

.modal h1{
    color: #616161;
    font-size: 22px;
    font-weight: 900;
	margin:0px;
	margin-bottom:5px;
	text-align:center;
}

.cancel_model{
	position:absolute;
	top:0px;
	right:0px;
}

.inline_div{
	width:100%;
}

.inline_div_left{
	display:inline-block;
	width:48%;
	margin-right:1%;
}

.inline_div_right{
	display:inline-block;
	width:49%;
	margin-left:1%;
}
.payment_method{
	width:100%;
	border:1px solid #7b7b7b;
	display:flex;
	background-color:#f9f9f9;
}

.payment_type{
	width:25%;
}

.payment_type{
	width:25%;
}

.credit_payment{
	height:50px;
	position:relative;
}

.select_color{
	background-color:#0054a6;
}

.select_color > p{
	color:white !important;
}

.select_color > .right_triangle{
	display:block;
}

.right_triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 25px;
    border-color: transparent transparent transparent #0054a6;
    position: absolute;
    right: -25px;
    top: 0px;
	display:none;
}

.credit_payment #credit{
	display:inline-block;
	margin-left:5%;
}

.credit_payment > p {
	display:inline-block;
	color:#747474;
	font-weight:900;
}

.online_payment{
	height:50px;
	position:relative;
}

.online_payment #online{
	display:inline-block;
	margin-left:5%;
}

.online_payment > p {
	display:inline-block;
	color:#747474;
	font-weight:900;
}


.payment_div{
	width:49%;
	border-left:1px solid #7b7b7b;
	border-right:1px solid #7b7b7b;

}

.payment_content{
	padding: 3% 6%;
    padding-left: 30px;
	display:none;
}

.payment_content img{
	max-width:100%;
}

.payment_content h1{
	margin:0px;
	color:#616161;
	font-size:22px;
}

.payment_content h1 img{
	vertical-align: bottom;
}

.payment_content h1 span{
	font-size:16px;
	font-weight: 400;
}


.payment_total{
	width:26%;
	position: relative;
    min-height: 140px;
}

.payment_input_div{
	width:100%;
	padding: 2% 0px;
}

.margin_top{
	margin-top:10px;
}

.payment_label_div{
    width: 33%;
    display: inline-block;
}

.payment_text_div{
    width: 65%;
    display: inline-block;
}

.payment_label{
	color:#616161;
	font-weight: 600;
}

.payment_input_text{
	border:1px solid #a7a7a7;
	height:30px;
	color:#616161;
	width:98%;
	padding-left:2%;
	font-weight:700;
}

.cc-year{
	width: 48%;
    height: 30px;
	color:#7d7d7d;
	font-weight:700;
}

.margin_left{
	margin-left: 2%;
}

.payment_amount_div{
	position: absolute;
    width: 100%;
    height: 150px;
    top: calc(50% - 75px);
}

.payment_amount_div h1{
	font-weight:700;
	color:#616161;
	text-align:center;
	font-size: 20px;

}

.payment_amount{
	background-color:#0054a6;
	color:white;
	font-weight:900;
	margin:0px;
	padding:10px 0px;
	text-align:center;
	margin:5px 0px;
}

.term{
	font-size:14px;
	color:#616161;
	font-weight:600;
	margin-bottom:3px;
}

.term input[type='checkbox']{
	float:left;
}

.term a{
	color:#07197d;
}

.select_bank_div{
	width:32%;
	display:inline-block;
	margin: 15px 0px;
}

.select_bank_div .bank_selected{
	display:inline-block;
	vertical-align: top;
    margin-top: 20px;
}

.select_bank_div label img{
	width:70%;
	display:inline-block;

}

.proceed{
	margin: 30px 0px;
}

.cancel_order_btn{
	background-color:#b3b3b3;
	padding:15px 20px;;
	color:white;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	float:left;
}

.proceed_btn{
	background-color:#0054a6;
	padding:15px 20px;;
	color:white;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	float:right;
}

.cancel_order_btn_img{
	display: inline-block;
    vertical-align: bottom;
	margin-right:10px;
}

.proceed_btn_img{
	display: inline-block;
    vertical-align: bottom;
	margin-left:10px;
}

.no-cart{
	padding:10px;
	font-size:18px;
	font-weight:900;
}

.payment_text_error{
	margin-left:33%;
	color:red;
	font-size: 14px;
    padding-left: 7px;
}

#error_checkbox{
	font-size: 14px;
	color:red;
}

.error_po_number{
	font-size: 14px;
	color:red;
	font-weight:normal;
}

#triger_link{
	display:none;
}

.alert_box{
	width: 550px;
	height: 255px;
	text-align:center;
	padding: 0px !important;
}

.alert_box h1{
	background-color:#0054a6;
	padding:10px 0px;
	color:white;
	font-size:19px;
	font-weight: 700;
	border-bottom:1px solid #a4b83f;
	position:relative;
}

.alert_box p{
	color:#383838;
	font-weight: 700;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
}

.alert_box p span{
	color:#414f8e;
}

.icon_alert{
	position:absolute;
	top:10px;
	width: 21%;
    z-index: 10;
	left:0px;
}

.cancel_order_btn1 {
	background-color: #b3b3b3;
    padding: 7px 12px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin-left: 2%;
    float: left;
}

.proceed_btn1 {
	background-color: #0054a6;
    padding: 7px 12px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin-right: 2%;
    float: right;
}

.cancel_order_btn_img1{
	display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    width: 16px;
}

.proceed_btn_img1{
	display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
	width: 16px;
}

.color_p{
	margin: 9px 0px;
    font-size: 14px;
    font-weight: 300;
}

.add_on_p{
	margin: 5px 0px;
    font-size: 14px;
    font-weight: 600;
}

.add_on_display{
	margin: 5px 0px;
    font-size: 12px;
    font-weight: 300;
}

.select_credit{
	width: 100%;
}

#point_cart_proceed{
	display:none;
}

.remark_textarea{
	width:100%;
	height:133px;
}

.remark_textarea1{
	width:100%;
	height:100px;
}

.remark_div p{
	margin-top:5px;
}

.tooltip_selected{
	position:relative;
}

.tooltip_show{
	position:absolute;
	right:0px;
}

/*--------------------------------------------------------- cart page ------------------------------------------------------*/
/*--------------------------------------------------------- tnc page ------------------------------------------------------*/
.tnc_div{
	width: 92%;
    margin: 0 auto;
    margin-top: 30px;
	margin-bottom: 30px;
	background-color:white;
}

.tnc_title{
	width:90%;
	margin:0 auto;
	text-align:center;
	margin-top:5px;
}

.tnc_title p{
	color: #0054a6;
	font-family: 'Trend-One';
	font-size: 28px;
	padding-top: 30px;
}

.tnc_line{
	width:80%;
	margin:20px auto;
	height:1px;
	border-bottom:1px solid #616161;
}

.tnc-content{
	width:95%;
	margin:0 auto;
}

.tnc-content img{
	width: 60%;
	margin: 0 20%;
}

.tnc-content p{
	color: #000;
	line-height: 22px;
	font-size: 13px;
	text-align: justify;
}

.tnc-content p span{
	font-weight:700;
}

.tnc-content ul{
	color: #000;
	line-height: 22px;
	font-size: 13px;
	text-align: justify;
}
/*--------------------------------------------------------- tnc page ------------------------------------------------------*/

/*--------------------------------------------------------- price list page ------------------------------------------------------*/
.price-list-pdf {
	float: left;
	width: 46%;
	margin: 0 2%;
	padding: 15px 10px;
	border: 1px solid #0054a6;
	background-color: transparent;
	color: #0054a6;
	text-decoration: none;
	margin-bottom: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.price-list-pdf:hover{
	background-color: #0054a6;
	color: #ffffff;
}
/*--------------------------------------------------------- price list page ------------------------------------------------------*/

/*--------------------------------------------------------- contact page ------------------------------------------------------*/
.contact_div{
	width: 92%;
    margin: 0 auto;
    margin-top: 30px;
	margin-bottom: 30px;
	background-color:white;
}

.contact_header{
	width:100%;
	text-align:center;
}

.contact_des{
	width:90%;
	margin:0 auto;
	text-align:center;
	margin-top:5px;
	color:#000;
}

.contact_line{
	width:80%;
	margin:20px auto;
	height:1px;
	border-bottom:1px solid #616161;
}

.warranty_line{
	width:100%;
	margin:20px auto;
	height:1px;
	border-bottom:1px solid #616161;
}

#warranty-form > .ptg-step > .ptg-basic-info{
	border-bottom:0;
	width:85%;
}
#warranty-form > .ptg-step > .ptg-basic-info > .ptg-field > .ptg-title{
	width:30%;
}

#warranty-form > .ptg-step > .ptg-basic-info > .ptg-field > .ptg-input-text{
	width:70%;
}

#warranty-form > .ptg-step > .ptg-basic-info > .ptg-field > .ptg-button-group{
	width:100%;
}

.contact-content{
	width:95%;
	margin:0 auto;
}

.contect-content-left{
	display:inline-block;
	width:45%;
}

.contect-content-left p{
	color: #000;
	line-height: 25px;
	font-size:15px;
}

.contect-content-left p span{
	font-weight:700;
}

.contect-content-right{
	display:inline-block;
	width:53%;
	color:#000;
	vertical-align: top;
}

.contact_form{
	width:100%;
}

.contact_form_left{
	display:inline-block;
	width:49%;
	vertical-align: top;
}

.contact_form_right{
	display:inline-block;
	width:49%;
	vertical-align: top;
}

.contact_input{
    color: #000;
    height: 35px;
    padding-left: 2%;
    margin-bottom: 14px;
	width:100%;
}

.width_100{
	width:99%;
}

.contact_textarea{
	width:99%;
	height:150px;
	padding-left: 2%;
	color: #000;
	margin-bottom: 14px;
}

.contact_submit{
    border: none;
    background-color: #0054a6;
    color: white;
    padding: 10px 40px;
    margin: 10px auto;
    display: block;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

}

.contact_header img{
	width:80%;
}

/*--------------------------------------------------------- contact page ------------------------------------------------------*/

/*--------------------------------------------------------- promotion page ------------------------------------------------------*/

.banner_div{
	position:relative;
}

.banner_div img{
	width:100%;
}

.count-id{
	position: absolute;
	bottom: 12%;
	left: 10%;
}

#note{
	text-align:center;
    margin:0px;
	margin-top:-16px;
    font-size:14px;
}

.promotion_div{
	width: 18%;
    height: 170px;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 2%;
    background-color: white;
    text-align: center;
    padding: 1% 0px;
}

.no-promotion{
	padding:20px 0;
	width:80%;
	margin: auto 10%;
}
.no-promotion{
	text-align:center;
}

/*--------------------------------------------------------- promotion page ------------------------------------------------------*/
/*--------------------------------------------------------- purchase fail page ------------------------------------------------------*/
.purchase_fail{
	width:80%;
	margin:20px auto;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color:#f9f9f9;
	border:1px solid #9d9d9d;
	text-align:center;
	color:#5b5b5b;
	font-weight:600;
}
/*--------------------------------------------------------- purchase fail page ------------------------------------------------------*/
/*--------------------------------------------------------- invoice view page ------------------------------------------------------*/

.invoice_div{
	background-color:#f5f3f4;
	width:100%;
	font-size:16px;
	color:#616161;
}

.invoice_header{
	padding:20px 30px;
}

.invoice_header_div{
	border-bottom:1px solid #8a8889;
	padding: 10px 0px;
}

.order_sale_h1{
	margin: 0px;
	font-size: 24px;
}

.order_sale_p{
	margin:0px;
	margin-top:3px;
}

.invoice_content{
	margin:0 auto;
	width:90%;
}

.invoice_name_h1{
	font-size: 20px;
}

.shipping_p{
	background-color:#0054a6;
	margin:0px;
	text-align:center;
	font-weight:900;
	padding:5px 0px;
	color:white;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.shipping_content{
	padding:10px;
	background-color:#f9f9f9;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.shipping_name_p{
	margin:10px 0px 5px 0px;
	font-weight:900;
	font-size:19px;
}

.shipping_address_p{
	margin:10px 0px 5px 0px;
}

.shipping_postcode_p{
	padding-left:23px;
	margin:0px;
}

.shipping_phone_p{
	margin:10px 0px 5px 0px;
}

.shipping_order_div{
	position:relative;
	margin: 30px 0px;
	padding-bottom: 10px;
}

.order_information_p{
	margin:0px;
	position:absolute;
	width:200px;
	text-align:center;
	top:-13px;
	left:50%;
	margin-left:-100px;
	background-color:#f5f3f4;
	z-index:2;
	font-weight: 900;
}

.order_information_line{
	width:100%;
	position:absolute;
	border-top:1px solid #8a8889;
	z-index: 1;
}

.invoice_desktop_view{
	display:block;
	padding-bottom: 30px;
}
.invoice_mobile_view{
	display:none;
	margin:15px 0px;
	background-color:white;
}

.mobile_div{
	width:100%;
	border-bottom:1px solid #8a8889;
	padding:10px 0px;
}
.mobile_left{
	float:left;
	width:40%;
}
.mobile_right{
	float:right;
	width:60%;
}
/*--------------------------------------------------------- warranty page ------------------------------------------------------*/
.warantty_upload{
	display:none;
}

.label_warranty{
	border:1px solid #9a9a9a;
	padding: 5px 10px;
	background-color:#fbfbfb;
}
.p_upload{
	margin-top:24px !important;
}

.ui-autocomplete{
	background-color:#fafafa;
	border:1px solid #9f9f9f;
	width:30% !important;
}

.ui-autocomplete li{
	list-style:none;
}

.purchase_width{
	width:100% !important;
}

/*--------------------------------------------------------- mywarranty page ------------------------------------------------------*/
.mywarranty_table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
}

.mywarranty_table tr td{
	border-bottom:1px solid grey;
	padding:15px 2%;
	color:#686868;
	border-collapse:collapse;
	text-align:left;
}

.mywarranty_table tr th{
	border-bottom:1px solid grey;
	background-color:#cdcdcd;
	padding:15px 2%;
	color:#686868;
	font-weight:700;
	border-collapse:collapse;
	text-align:left;
}

/**
 * tab panel widget
 */
.tabPanel-widget {
	position: relative;  /* containing block for headings (top:0) */
	width: 100%;
	margin:10px 0px;
}

/**
 * because labels come first in source order - we use z-index to move them in front of the headings
 */
.tabPanel-widget > label {
	position: absolute;
	z-index: 1;
}

/**
 * labels and headings must share same values so grouping declarations in this rule prevents async edits (risk of breakage)
 * line-height == height -> vertical centering
 * the width dictates the offset for all headings but the first one: left offset = width * number of previous heading(s)
 * note that width and offset of label/heading pair can be customized if necessary
 */

.tabPanel-widget > label,
.tabPanel-widget > h2 {
	font-size: 1.1em;
	width: 9em;
	height: 2.9em;
	line-height: 2.7em;
}

/**
 * position:relative is for the markers (the down arrow in tabs)
 */
.tabPanel-widget > h2 {
	position: relative;
	margin: 0;
	text-align: center;
	width: 9em;
	color:#b9b9b9;
	font-family:'Calibri';
	border: 2px solid #0054a6;
	padding-top:6px;
	vertical-align:middle;
	letter-spacing:0.5px;
	font-weight:400;
}


/**
 * all first level labels and headings after the very first ones
 */
.tabPanel-widget input,
.tabPanel-widget > label ~ label,
.tabPanel-widget > h2 ~ h2 {
	position: absolute;
	top: 0;
}


/**
 * We target all the label/heading pairs
 * we increment the :nth-child() params by 4 as well as the left value (according to "tab" width)
 */

.tabPanel-widget label:nth-child(1),
.tabPanel-widget h2:nth-child(3) {
	left: 0em;
}

.tabPanel-widget label:nth-child(5),
.tabPanel-widget h2:nth-child(7) {
	left: 9.3em;
}

.tabPanel-widget label:nth-child(9),
.tabPanel-widget h2:nth-child(11) {
	left: 18.6em;
}

/**
 * we visually hide all the panels
 * https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
 */
.tabPanel-widget input + h2 + div {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding:0 !important;
	border:0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}
/**
 * we reveal a panel depending on which control is selected
 */
.tabPanel-widget input:checked + h2 + div {
	position: static !important;
	padding: 1em !important;
	height: auto !important;
	width: auto !important;
	border: 2px solid #0054a6  !important;
	margin-top:10px;
	font-family: calibri;
	background:white;
	text-align:justify;
	padding:10px;
}

.label_text{
	padding: 15px 30px 15px 20px;
	margin:0px;
	line-height: 20px;
	letter-spacing:0.5px;
}

/**
 * shows a hand cursor only to pointing device users
 */
.tabPanel-widget label:hover {
	cursor: pointer;
}

.tabPanel-widget > div {
	background: #f0f0f0;
	padding: 1em;
}

/**
 * we hide radio buttons and also remove them from the flow
 */
.tabPanel-widget input[name="tabs"] {
	opacity: 0;
	position: absolute;
}


/**
 * this is to style the tabs when they get focus (visual cue)
 */

.tabPanel-widget input[name="tabs"]:focus + h2 {
	outline: 1px dotted #000;
	outline-offset: 10px;
}


/**
 * reset of the above within the tab panel (for pointing-device users)
 */
.tabPanel-widget:hover h2 {
	outline: none !important;
}

/**
 * visual cue of the selection
 */
.tabPanel-widget input[name="tabs"]:checked + h2 {
	background: #0054a6;
	color:white;
	font-weight:600;
}

@media screen and (min-width: 1024px) and (max-width: 1280px){
#tabs > ul > li{
	width:181px;

}

#tabs ul li a{
	font-size:15px;
}

.product_div {
    margin-right: 2.9%;

}

.copyright {
    padding: 0px 50px;
    color: #373737;
    font-size: 12px;
}

.footer {
    padding: 15px 50px;
}

.connect h1 {
    font-size: 13px;
}

.connect ul li a {
    font-size: 12px;

}

.footer_column_2 .connect p {
	font-size: 12px;
	line-height:15px;
}

/*--------------------------------------------------------- sign in page ------------------------------------------------------*/
.sign_div {
    margin: 40px 50px;
}

.sign_left {
    padding: 0px 39.5px;
}

.sign_right {
    padding: 0px 39.5px;

}

.request_des{
	width: 92%;
	margin: 0 4%;
}

/*--------------------------------------------------------- sign in page ------------------------------------------------------*/
/*--------------------------------------------------------- catalogue page ------------------------------------------------------*/
.catalogue_right{
	float: right;
    color: #6d6d6d;
    width: 915px;
    min-height: 886px;
}

.catalogue_product_div {
    width: 27.8%;
}
/*--------------------------------------------------------- catalogue page ------------------------------------------------------*/
}

@media screen and (max-width: 1024px){
#tabs > ul > li{
	width:130px;

}

#tabs ul li a{
	font-size:11px;
}

.product_div {
    margin-right: 1.9%;

}

.product_img {
    width: auto;
}

.product_img img{
	width:100%;
}

/*--------------------------------------------------------- sign in page ------------------------------------------------------*/
.sign_left {
    width: 392.5px;
    padding: 0px 29.5px;
}

.sign_right {
    width: 392.5px;
    padding: 0px 29.5px;

}

.btn_margin{
	margin-top: 36px;
}

/*--------------------------------------------------------- sign in page ------------------------------------------------------*/
/*--------------------------------------------------------- catalogue page ------------------------------------------------------*/
.catalogue_div {
    width: 99%;
}

.catalogue_right {
    width: 754px;
}

.catalogue_product_div {
    width: 27.1%;
}
/*--------------------------------------------------------- catalogue page ------------------------------------------------------*/
/*--------------------------------------------------------- product page ------------------------------------------------------*/
.image_left {
    width: 100%;
	height:100px;
}

.image_right {
    width: 100%;

}

.product_right {
    width: 48%;
    padding-left: 2%;
}
/*--------------------------------------------------------- product page ------------------------------------------------------*/

.payment_label{
	font-size:13px;
}

.payment_input_text {
	font-size:13px;
}

.countdownHolder{
	width: 280px;
	font: 24px/1.5 'Open Sans Condensed',sans-serif;

}

#note{
	margin-top:0px;
    font-size:12px;
}
.contect-content-left {

    width: 100%;
}

.contect-content-right {
    width: 100%;

}

}

/*--------------------------------------------------------- invoice view page ------------------------------------------------------*/
@media screen and (max-width: 700px){

.invoice_desktop_view{
	display:none;
}
.invoice_mobile_view{
	display:block;
}

.promotion_div {
    width: 98%;
    height: auto;
}

.countdownHolder{
	width: 225px;
	font: 15px/1.5 'Open Sans Condensed',sans-serif;

}

#note{
	margin-top:0px;
    font-size:10px;
}

.remark_div p {
    margin-top: 5px;
    width: 30%;
    text-align: right;
    float: left;
}

.remark_textarea1 {
	width: 60%;
	height: 100px;
	margin-right: 5%;
	float: right;
	margin-bottom: 10px;
}

.po_textfield1 {
	width: 60%;
	margin-right: 5%;
	float: right;
	margin-bottom: 10px;
	margin-top:4px;
}

}

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

.countdownHolder{
	width: 180px;
	font: 15px/1.5 'Open Sans Condensed',sans-serif;

}

.mywarranty_table tr td{
	font-size:10px;
	padding:15px 1%;
}

.mywarranty_table tr th{
	font-size:9px;
	padding:15px 1%;

}

}