@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@font-face {
	font-family: gabriela;
	src: url(../font/gabriela-regular-webfont.eot);
	src: url(../font/gabriela-regular-webfont.eot) format('embedded-opentype'), url(../font/gabriela-regular-webfont.woff) format('woff'), url(../font/gabriela-regular-webfont.ttf) format('truetype'), url(../font/gabriela-regular-webfont.svg#gabriela) format('svg')
}
* {
	outline: 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#727272;
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
 color:#727272;
opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
 color:#727272;
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
 color:#727272;
opacity: 1;
}
.clear-both {
	clear: both;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	background: url(../images/bg.jpg) center center no-repeat fixed;
	background-size: cover;
}
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	display: block;
	font-family: gabriela;
}
h1 {
	color: #4c4c4c;
	margin: 5px 0px 15px 0px;
	text-shadow: none;
	font-size: 35px;
	font-weight: bold;
}
a {
	text-decoration: none;
}
p {
	font-family: 'roboto';
	font-size: 18px;
	text-align: justify;
	margin: 15px 0;
	font-weight: normal !important;
}
.no-padding {
	padding: 0px !important;
}
.up-case {
	text-transform: uppercase;
}
.align-center {
	text-align: center !important;
}
.header-strip {
	background: #f9e171;
	font-family: 'roboto';
	padding: 5px 0;
	border-bottom: solid 6px #cc2514;
	font-size: 15px;
	color: #191919;
	font-weight: bold;
}
.header-strip a {
	color: #191919;
}
.header-strip a:hover {
	color: #cc2514;
}
.header {
	width: 100%;
	position: relative;
	background: url(../images/top-header-bg.jpg) top center no-repeat;
	background-size: 100%;
	background-size: cover;
	padding: 6px 0;
}
 
.logo img {
	max-width: 100%;
}
.logo {
	float: left;
}
.thank-box {
	text-align: center !important;
}
.thank-box-check {
	font-size: 100px;
	color: #0a92b3;
	font-weight: normal !important;
	padding-bottom: 10px;
}
/* .menu-static{position:inherit !important} */
.product-category {
	font-size: 16px;
	color: #1592b0;
	font-weight: bold;
	margin-bottom: 4px;
}
.any-query-outer {
	background: #1592b0;
	padding: 27px 0;
	border-bottom: 1px solid #fff;
	box-shadow: 3px 0 4px rgba(0, 0, 0, 0.18);
}
.margin {
	margin: 0px 0px; /* position:relative; z-index:100; */
}
.margin22 {
	margin: 0px 45px 0px 45px;
}
.section-2 {
	background: url(../images/content-bg.png) top repeat-y;
	background-size: 100%;
	padding-bottom: 0px !important;
}
.roller {
	background: url(../images/roller.png) top center no-repeat;
	height: 153px;
	margin-top: -34px;
	position: relative;
	z-index: 3;
	background-size: 100% auto;
	width: 103%;
	right: -1px;
}
.section0 {
	margin: -30px 0px 0px 0px;
}
.margin23 {
	background: url(../images/content-bg.png) repeat-y;
	background-size: 100%;
	margin: 0px !important;
	padding: 10px 45px 45px 45px;
}
.service-outer {
	/* 	background: url(../images/service-bg.jpg) center center fixed;
 */	background-size: cover;
	padding: 50px 0 110px 0;
}
.main-heading {
	font-size: 40px;
	color: #323232;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	background: url(../images/heading-border.png) center bottom no-repeat;
}
.box1 { /* background:#fecd1d; */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b604+1,ffd020+52,f0b705+100 */
	background: rgb(240,182,4); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(240,182,4) 1%, rgb(255,208,32) 52%, rgb(240,183,5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(240,182,4) 1%, rgb(255,208,32) 52%, rgb(240,183,5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(240,182,4) 1%, rgb(255,208,32) 52%, rgb(240,183,5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b604', endColorstr='#f0b705', GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	padding: 40px 20px;
	margin: 0px 0px 20px 0px;
	min-height: 204px;
}
.box1 h2 {
	font-size: 23px;
	font-family: gabriela;
	color: #7d0302;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.box1 p {
	font-size: 14px;
	font-family: gabriela;
	color: #000000;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-align: left;
	line-height: 21px;
}
.box1 p img {
	float: right;
	margin: 10px 10px 10px 24px;
}
.read {
	color: #8b0302;
	font-family: gabriela;
	font-size: 14px;
	margin-top: 10px;
}
.read a {
	color: #8b0302;
}
.read a:hover {
	text-decoration: underline;
}
.box2 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0ce77+2,ffe295+51,f1d078+100 */
	background: rgb(240,206,119); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(240,206,119) 2%, rgb(255,226,149) 51%, rgb(241,208,120) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(240,206,119) 2%, rgb(255,226,149) 51%, rgb(241,208,120) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(240,206,119) 2%, rgb(255,226,149) 51%, rgb(241,208,120) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ce77', endColorstr='#f1d078', GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	padding: 40px 20px;
	margin: 0px 0px 20px 0px;
	min-height: 204px;
}
.box2 h2 {
	font-size: 23px;
	font-family: gabriela;
	color: #7d0302;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.box2 p {
	font-size: 14px;
	font-family: gabriela;
	color: #000000;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-align: left;
	line-height: 21px;
}
.box2 p img {
	float: right;
	margin: 10px 10px 10px 30px;
}
.box3 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#830301+0,9b0401+51,7c0302+100 */
	background: rgb(131,3,1); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#830301', endColorstr='#7c0302', GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	padding: 40px 20px;
	margin: 0px 0px 20px 0px;
	min-height: 204px;
}
.box3 h2 {
	font-size: 23px;
	font-family: gabriela;
	color: #ffe243;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.box3 p {
	font-size: 14px;
	font-family: gabriela;
	color: #fff;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-align: left;
	line-height: 21px;
}
.box3 p img {
	float: right;
	margin: 10px 10px 10px 30px;
}
.read3 {
	color: #ffe243;
	font-family: gabriela;
	font-size: 14px;
	margin-top: 10px;
}
.read3 a {
	color: #ffe243;
}
.read3 a:hover {
	text-decoration: underline;
}

.main-box ._3S6yHr {
	/* width: 512px; */
	position: -webkit-sticky;
	position:sticky;  
	top:20px;
	display: inline-block;
	vertical-align: top;
	z-index: 4
}
.main-box ._2S3f06 {
	top:16px;
}
.main-box ._2Cl4hZ {
	padding-left: 24px;
	/* width:calc; */
	/* width:calc(100% - 512px); */
	width:calc(100%);  
	display: inline-block;
}





.side-bg {
	background: #931501;
	border-radius: 6px;
	padding: 10px 8px;
	min-height: 450px;
	margin-top: 20px;
}
.side-heading {
	color: #000;
	background: #ffb243;
	padding: 10px 12px;
	font-weight: normal;
	font-size: 25px;
	font-family: gabriela;
	margin-bottom: 5px;
}
.content-area {
	padding: 0px 0px;
}

 
 
.content {
	width: 100%;
}
.content h1 {
	font-family: gabriela;
	font-size: 35px;
	color: #970100;
	text-shadow: 0px 0px 4px #fff;
	font-weight: bold;
}
.content p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #221403;
	line-height: 32px;
}
.content p img {
	float: left;
	margin: 10px 20px 20px 0px;
	box-shadow: 0px 0px 3px #fff;
	max-width: 100%;
}

.gemstone { border-bottom:solid 1px #be5f1a;}
.gemstone h1 {
	font-family: gabriela;
	font-size: 35px;
	color: #970100;
	text-shadow: 0px 0px 4px #fff;
	font-weight: bold;
}
.gemstone p{font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #221403;
	line-height: 32px; }

.gemstone p img{
	float:left;
	margin: 10px 20px 20px 0px;
	box-shadow: 0px 0px 3px #fff;
	max-width:100%;
	padding:6px;
	background:#ad6a15; 
	}


.gemstone2 { border-bottom:solid 1px #be5f1a;}
.gemstone2 h1 {
	font-family: gabriela;
	font-size: 35px;
	color: #970100;
	text-shadow: 0px 0px 4px #fff;
	font-weight: bold;
}
.gemstone2 p{font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #221403;
	line-height: 32px; }

.gemstone2 p img{
	float:right;
	margin: 10px 0px 20px 20px;
	box-shadow: 0px 0px 3px #fff;
	max-width:100%;
	padding:6px;
	background:#ad6a15; 
	}











/* .c-iboc { background:url(../images/c-bg.jpg) repeat; border-radius:6px; padding:40px; margin:10px 0px;}
 */
.c-iboc {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#830301+0,9b0401+51,7c0302+100 */
	background: rgb(131,3,1); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#830301', endColorstr='#7c0302', GradientType=0 ); /* IE6-9 */
	margin: 20px 0px 10px 0px;
	padding: 20px 30px 20px 30px;
	border: solid 1px #ff9e01;
	border-radius: 6px;
	position: relative;
	min-height: 300px;
}
.side-list ul {
	margin: 0px;
	padding: 0px;
}
.side-list ul li {
	font-size: 17px;
	color: #fff;
	padding: 7px 10px 7px 0px;
	text-transform: none;
	display: block;
	font-family: gabriela;
}
.side-list ul li a {
	color: #fff;
	background: url(../images/12.png) left 12px center no-repeat;
	padding-left: 30px; display:inline-block;
}
.side-list ul li a:hover {
	color: #ffb243;
}
.side-list li:nth-child(odd) {
	background: #a63f1c;
}
.side-list li:nth-child(even) {
	background: #931501;
}
footer {
}
.footer-margin {
	background: url(../images/quality-bg.jpg) center top repeat-y;
	background-size: 100%;
	padding: 40px 50px 20px 50px;
}
footer h5 {
	font-size: 22px;
	font-family: gabriela;
	color: #f7ab49;
	font-weight: normal;
	padding-bottom: 10px;
	display: block;
	margin-bottom: 10px;
}
.none h5 {
	background: none;
}
.contact-info ul {
	padding: 0;
	margin: 0;
	list-style: none
}
.contact-info ul li {
	color: #f3d181;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	padding-left: 0px;
	line-height: 22px;
}
.contact-info ul li span {
	font-weight: bold;
	display: block
}
.contact-info ul li a {
	color: #f3d181;
	font-size: 14px;
}
.contact-info ul li span.name {
	font-size: 16px;
}
.contact-info ul li.location {
	background: url(../images/location.png) left top 3px no-repeat;
}
.contact-info ul li.phone {
	background: url(../images/footer-phone.png) left top 7px no-repeat;
	line-height: 25px;
	margin: 10px 0 6px 0;
}
.contact-info ul li.phone2 {
	background: url(../images/footer-phone2.png) left top 4px no-repeat;
	line-height: 25px;
	margin: 10px 0 6px 0;
}
.contact-info ul li.mail {
	background: url(../images/footer-mail.png) left top 6px no-repeat;
}
.contact-info ul li.mail a {
	color: rgba(255, 255, 255, 0.7);
	display: block;
	transition: 0.5s ease-in-out;
}
.contact-info ul li.mail a:hover {
	color: #43daff;
}
.quick-link ul {
	padding: 0;
	margin: 0px;
	list-style: none
}
.quick-link ul li a {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #f3d181;
	padding: 0 0 6px 20px;
	background: url(../images/bullet.png) left top 3px no-repeat;
	display: block;
	margin-bottom: 0px;
	transition: 0.5s ease-in-out
}
.quick-link ul li a:hover {
	color: #ffb14d;
}
.copy-right {
	background: #4a2904;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #f3d181;
	padding: 10px 0;
	border-radius: 6px;
	margin-top: 20px;
}
.powerd {
	float: right;
}
.follow-us {
	text-align: left;
}
.follow-us ul {
	display: inline;
	margin: 0px;
}
.follow-us ul li {
	display: inline-flex;
	align-items: center;
	width: 32px;
	height: 32px;
	border: 2px solid #ebc97b;
	border-radius: 100%;
	margin: 0px 5px 20px 0px;
	transition: 0.5s ease-in-out;
}
.follow-us ul li a {
	margin: 0 auto;
	color: #ebc97b;
}
.follow-us ul li:hover {
	transform: rotate(360deg);
}
/*----------------------------------------------------------------------------contact-us-opage----------------------------------------- */

.contact-outer {
	background: rgb(131,3,1);
	background: -moz-linear-gradient(top, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%);
	background: -webkit-linear-gradient(top, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%);
	background: linear-gradient(to bottom, rgb(131,3,1) 0%, rgb(155,4,1) 51%, rgb(124,3,2) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#830301', endColorstr='#7c0302', GradientType=0 );
	margin: 20px 0px 10px 0px;
	padding: 20px 30px 20px 30px;
	border: solid 1px #ff9e01;
	border-radius: 6px;
	padding: 25px 25px 47px 25px;
	margin: 25px 10px 30px 0px;
}
.contact-head {
	border-bottom: 1px solid rgba(255,255,255,0.3);
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 5px;
}
.addres-outer {
	margin-top: 20px;
}
.addres-outer h3 {
	font-size: 20px;
	font-weight: normal;
	color: #d8d7e0;
	padding-bottom: 10px;
}
.addres-outer span {
	font-size: 16px;
	font-weight: normal;
	color: #d8d7e0;
}
.addres-outer p {
	color: #d8d7e0;
	font-size: 15px;
}
.addre-icon {
	background: url(../images/location.png) left top no-repeat;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 0px 0px 5px 30px;
}
.call-outer {
	margin-left: 30px;
}
.call-outer span {
	color: #fff;
	font-size: 16px;
	font-size: 16px;
}
.call-icon {
	background: url(../images/callc.png) left 4px no-repeat;
	margin-top: 20px;
	padding: 0px 0px 10px 25px;
	color: #fff;
	font-size: 16px;
	text-transform: none;
}
.mail-icon {
	background: url(../images/mail.png) left 4px no-repeat;
	margin-top: 15px;
	padding: 0px 0px 10px 30px;
	color: #fff;
	font-size: 16px;
	text-transform: none;
}
.mail-icon a {
	color: #fff;
	word-break: break-word;
}
.mail-icon a:hover {
	color: #00b1ff;
	text-decoration: none;
}
.call-outer a {
	color: #fff;
	font-size: 16px;
	display: inline-block;
}
.call-outer a:hover {
	color: #d8d7e0;
}
.con-form-bg {
	background: rgba(255, 255, 255, 0.3);
	border: solid 1px #da8721;
	margin-top: 26px;
	padding: 20px 20px 20px 20px;
	border-radius: 6px;
}
.user-id {
	color: #333333;
	float: left;
	min-width: 120px;
	font: bold 13px Arial, Helvetica, sans-serif, Calibri;
	padding: 8px 0 0 20px;
	margin: 0 0 0 20px;
	text-shadow: none;/*width: 150px;*/
}
.colone {
	color: #000;
	float: left;
	padding: 8px 15px 0px 0px;
	text-shadow: none;
	width: 3px;
}
.form-rightraw {
	margin: 5px 0 3px 0;
	width: 100%;
	float: left;
}
.form-right {
	color: #fff;
	float: left;
	padding: 10px 5px 0;
	text-shadow: none;
	width: 240px;
}
.form-right strong {
	margin: 8px 0px 0 0;
	display: inline-block;
}
.form-right input {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 200px;
}
.form-right2 {
	color: #000;
	float: left;
	padding: 0px 0 0px 0;
	text-shadow: none; max-width: 250px; width: 60%;
}

.textarea { max-width: 300px; width: 60%; }


.form-right2 input[type=text], .form-right2 input[type=password] {
	border-radius: 3px;
	margin:0px 6px 5px 2px;
	padding:5px 5px;
	width: 99%;
	font-size: 15px;
	color:#fff;
	background:#a16c2e;
	border:solid 1px #a16c2e;
}
.form-right2 textarea {
	border-radius: 3px;
	margin: 0px 6px 0 2px;
	padding:5px 5px;
	width: 99%;
	font-size: 15px;
	color:#fff;
	background:#a16c2e;
	border:solid 1px #a16c2e;
	height:100px;
}
.form-right2 select {
	border-radius: 3px;
	text-align: left;
	margin: 0px 6px 5px 2px !important;
	padding: 5px 5px;
	width: 30%;
	font-size: 15px;
	color: #fff;
	background: #a16c2e;
	border: solid 1px #a16c2e;
}
.sel {width:25% !important; margin:0px;}
.time { width:10.6% !important }



.text-ar {
	width: 30%;
	float: right;
}
.form-right2 span {
	color: #ff0000;
	text-align: right;
	margin-top: 5px;
}
.loginbtn, .signupbtn {
	float: left;
	margin: 15px 0px;
	background-color: #d03708;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 30px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 1px #d03708;
}
.loginbtn:hover {
	background-color: #006c3a;
}
.signupbtn {
	background-color: #d03708 !important;
}
.signupbtn:hover {
	background-color: #9d2804 !important;
}
/*----------------------------------------------------------------------------contact-us-end----------------------------------------- */







.inner-banner {
	background: url(../images/inner-baner.png);
	background-size: cover;
	text-align: center;
	padding: 100px 0 100px 0;
	min-height: 150px;
	margin-top: -30px;
}
.inner-banner h1 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}
.inner-banner h1 span {
	font-size: 22px;
	display: block;
	font-weight: normal;
	margin-top: 10px;
}
.inner-banner ul {
	background: #0a92b3;
	display: inline-block;
	border-radius: 20px;
	padding: 11px 55px;
}
.inner-banner ul li {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	background: url(../images/page-listing.png) center right no-repeat;
	padding-right: 36px;
	margin-left: 12px;
}
.inner-banner ul li a {
	color: #fff;
	transition: 0.5s ease-in-out;
}
.inner-banner ul li a:hover {
	color: #62e1ff;
}
.inner-banner ul li:last-child {
	padding: 0;
	background: none
}
.inner-outer {
	padding: 50px 0 85px 0;
	background: url(../images/welcome-bg.jpg) left top;
}
.contact-head {
	font-size: 40px;
	color: #05154a;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.inner-outer h4 {
	font-size: 25px;
	color: #0484a2;
	font-weight: bold;
}
ul.contact-list {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.contact-list li {
	font-size: 16px;
	color: #000;
	padding-left: 30px;
	margin-bottom: 12px;
	position: relative
}
ul.contact-list li span {
	color: #e34136;
	display: block
}
ul.contact-list li a {
	color: #0584a2;
	transition: 0.5s ease-in-out
}
ul.contact-list li a:hover {
	color: #e34136;
}
.blank {
	display: inline-block;
	width: 63px;
}
 
 
 
 
 ::-webkit-input-placeholder {
color:#fff;
opacity:1;
}
:-ms-input-placeholder {
color:#fff;
opacity:1;
}
::-moz-placeholder {
color:#fff;
opacity:1;
}
:-moz-placeholder {
color:#fff;
opacity:1;
}
.detail-left {
	width: 45%;
	padding: 0 15px;
	float: left;
	margin-bottom: 20px;
}
.cf:before, .cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.cf:after {
	clear: both;
}
.cf {
*zoom: 1;
}
.sidebar {
	width: 22%;
	padding: 0 10px;
	float: left
}
.product-list-right {
	width: 78%;
	padding: 0 10px;
	float: left;
}
.sidebar h3 {
	margin: 0;
}
.content, .sidebar {
	float: left;
}
/* The sticky */
.sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 10px;
}
.product-list h2 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: #0a92b3;
	padding: 12px 17px;
	margin: 0 0 10px 0
}
.acc-outer {
	padding-left: 0 !important;
}
.pro-des-outer {
	padding-right: 0 !important;
}
.product-head {
	font: 28px Arial, Helvetica, sans-serif;
	color: #042b5d;
	font-weight: bold;
	background: url(../images/product-head-border.png) left bottom no-repeat;
	padding-bottom: 15px;
}
.update-soon {
	font-size: 50px;
	color: #505050;
	text-align: center;
	padding: 100px 0;
	text-transform: uppercase;
	font-weight: bold
}
ul.product-detail-list li {
	margin: 0 0 10px 0
}
ul.product-detail-list li a {
	font-size: 16px;
	color: #000;
	background: rgba(8, 186, 197, 0.08) url(../images/pdf.png) top 9px left 13px no-repeat;
	padding: 15px 60px 15px 55px;
	display: inline-block;
	transition: 0.5s ease-in-out
}
ul.product-detail-list li a:hover {
	background: rgba(8, 186, 197, 1.0) url(../images/pdf.png) top 9px left 18px no-repeat;
	color: #fff
}
.product-list {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	display: block;
	background: url(../images/product-name.png) left bottom repeat-x;
	padding-bottom: 5px;
	margin-bottom: 25px;
}
.member-name {
	font-size: 23px;
	color: #0484a2
}
.member-name span {
	font-size: 18px;
}

.thank-box { text-align: center; padding: 50px;}
.thank-box i { color:#9d0e08;
}
.thank-box p { text-align: center !important; 
}



/*************** responsive ****************************/
@media (max-width:1310px) {
.container {
	width: 95% !important
}
}
 @media (max-width:1100px) {
.quality-outer {
	background: url(../images/quality-bg.jpg) center center fixed;
	background-size: cover;
}
.product-content-name {
	min-height: 70px;
}
}
@media (max-width:991px) {
.query-content {
	width: 72%;
	margin: 0
}
.welcome-outer img {
	margin: 0
}
.welcome h2 {
	margin-top: 40px;
}
.welcome h2 span {
	margin: 0px;
}
.detail-left, .detail-right {
	width: 50%;
}
.product-full {
	width: 50%
}
.product-content-name {
	min-height: 50px;
}
.user-id {
	width:100%; text-align:left;
	padding-left:0px;
	margin-left:0px; 
	padding-bottom:10px;
	 
}
.colone { display:none;
}
.form-right2 input[type=text], .form-right2 input[type=password] { width:100%; }	 
.form-right2 { float:none;}	 
.sel {width:25%; margin:0px;}
.time { width:20% !important; float:left;}
	 

}
 @media (max-width:768px) {
.margin23 {padding: 10px 30px 45px 30px;
}
	 
.main-box ._3S6yHr { position:relative;
}

.d-none {display: none;}
.logo {
	float: none;
	text-align: center;
}
.logo img {
	max-width: 40%;
}
.inner-banner {
	padding: 30px 0 30px 0;
	min-height: 100px;
	margin-top: -10px;
}
.section0 {
	margin: 0px;
	padding-bottom: 20px;
}
.roller {
	height: 110px;
	margin-top: 0px;
}
.margin22 {
	margin: 0px 25px 0px 25px;
}
.any-query-outer {
	text-align: center;
	padding: 25px 0;
}
.query-content {
	width: 100%;
	margin: 0
}
.any-query-outer a {
	float: none;
	margin-top: 10px;
}
.header-lang {
	float: left;
	margin-top: 5px;
}
.welcome-outer {
	padding: 50px 0
}
.quality-content h2 {
	font-size: 40px
}
.quality-content p {
	font-size: 20px;
	line-height: 30px;
}
.copyright {
	text-align: center;
}
.follow-us {
	margin: 10px 0;
}
.detail-left, .detail-right {
	width: 100%;
}
.inner-banner ul {
	padding: 10px 15px;
}
.product-full {
	width: 33.33%
}
.sidebar {
	width: 100%;
	position: static !important;
	margin-bottom: 30px
}
.sidebar, .product-list-right {
	width: 100%;
	padding: 0 15px;
}
.update-soon {
	font-size: 40px;
}
.header {
	padding: 6px 0 0 0;
}
.header-strip {
	text-align: center;
}
}
 @media (max-width:600px) {
.roller {
	height: 60px;
}
}
 @media (max-width:480px) {
.roller {
	height: 50px;
}

.sel {width:100% !important; margin:0px;}
.time { width:28% !important;}

}
 @media (max-width:380px) {
.container {
	width: 100% !important
}
.welcome h2 {
	font-size: 30px;
}
.main-heading {
	font-size: 32px;
}
.gallery-full {
	width: 100% !important;
}
.contact-head {
	font-size: 30px;
}
.captcha input[type=text] {
	width: 100% !important;
}
.captcha input[type=button].code {
	width: 60%;
	margin: 5px 15px 0 0
}
.captcha a.refresh {
	margin: 16px 0 0 0
}
.product-detail, .product-des {
	width: 100%;
	background: none;
	margin: 0;
	padding: 0
}
.product-full {
	width: 100%
}
.product-content p, .product-content-name {
	min-height: 1px;
}
.product-detail-des {
	margin-bottom: 10px;
}
.logo img {
	max-width: 84%;
}
.header-lang img {
	margin-left: 0px;
}
.header-strip-content ul li {
	margin: 0
}
.header-lang, .header-strip-content {
	padding: 0 15px
}
}
 @media (max-width:320px) {
.welcome h2 {
	font-size: 25px;
}
.welcome h2 span {
	font-size: 17px;
}
a {
	word-break: break-all;
	line-height: none
}
}

/*
     FILE ARCHIVED ON 22:14:22 Jan 13, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:09:33 Sep 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.397
  captures_list: 0.338
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.026
  esindex: 0.005
  cdx.remote: 17.723
  LoadShardBlock: 986.984 (3)
  PetaboxLoader3.datanode: 279.746 (5)
  PetaboxLoader3.resolve: 839.76 (4)
  load_resource: 141.91 (2)
*/