@charset "utf-8";
/* SleepMedDirect Code */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Arizonia);
@import url(https://fonts.googleapis.com/css?family=Abel);
body {
	margin: 0px;
	font-family: 'Open Sans';
	font-size: 17px;
	color: #000;
}
.main-wrapper {
	width: 1200px;
	margin: auto;
}
img {
	max-width: 100%;
}
/*================================ Home Page ===================================*/
.top-header {
	background: #1b4598;
	float: left;
	width: 100%;
}
.logo {
	color: #fff;
	float: left;
	font-family: "Roboto";
	font-size: 36px;
	font-weight: bold;
	padding-top: 0.2%;
	width: 212px;
}
.live-chat-text {
	float: right;
	line-height: 75px;
	padding-left: 1%;
	font-family: 'Roboto';
	color: #FFF;
	font-size: 1.2vw;
}
.number-text {
	float: right;
	line-height: 75px;
	padding-left: 1%;
	padding-right: 1%;
	font-family: 'Roboto';
	color: #FFF;
	font-size: 1.2vw;
}
.top-icons {
	float: right;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1.7%;
	height: 55px;
	background: #00a6ff;
	display: block;
}
.chat-link {
	color: #fff;
	text-decoration: none;
}
.chat-link:hover {
	color: #00a6ff;
}
.menu-outer {
	float: right;
	width: 47%;
	margin-top: 2%;
}
.top-header-bg {
	float: left;
	width: 100%;
	background: url(../images/top-header-bg.jpg) no-repeat #000 center top;
	padding-top: 4%;
	padding-bottom: 4%;
}
.top-header-heading1 {
	float: left;
	width: 100%;
	color: #fff;
	font-family: 'Roboto';
	font-size: 2vw;
	text-align: center;
}
.top-header-heading2 {
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto';
	font-size: 3vw;
	font-weight: bold;
	margin-top: 2%;
}
.slider-frame {
	float: left;
	width: 99%;
	border: 3px solid #1b4598;
	height: 443px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.full-margin3 {
	float: left;
	width: 100%;
	margin-top: 3%;
}
.slider-main {
	float: left;
	width: 50%;
}
.top-header-text-outer {
	float: left;
	width: 48%;
	margin-left: 2%;
}
.top-ul {
	color: #fff;
	font-size: 1.8vw;
	margin: 0px;
	padding: 0px;
	list-style: url(../images/star.png);
	line-height: 200%;
	margin-left: 45px;
}
.div-full {
	float: left;
	width: 100%;
}
.header-price {
	float: left;
	width: 25%;
	font-size: 1.5vw;
	color: #FFF;
	font-size: 24px;
}
.header-btn-outer {
	float: left;
	width: 34%;
	margin-left: 2%;
}
.header-btn {
	float: left;
	width: 88%;
	padding: 6%;
	border: 1px solid #fff;
	color: #00a6ff;
	font-family: 'Roboto';
	font-size: 2vw;
	text-transform: uppercase;
	text-align: center;
	border-radius: 5px;
}
.header-btn:hover {
	background: #00a6ff;
	color: #fff;
	cursor: pointer;
}
.header-cards {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 2%;
}
.header-start-heading {
	float: left;
	width: 39%;
	text-align: center;
}
.header-bottom-heading {
	float: left;
	width: 100%;
	margin-top: 3%;
	text-align: center;
	font-family: 'Roboto';
	font-size: 1.8vw;
	color: #00a6ff;
	text-transform: uppercase;
}
.white {
	color: #fff;
}
.bg1 {
	float: left;
	width: 100%;
	padding-bottom: 3%;
	padding-top: 3%;
	background: url(../images/bg1.jpg) center top no-repeat #1b4598;
}
.section1-subheading {
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Roboto';
	font-size: 1.8vw;
	margin-top: 1%;
}
.quality-section1 {
	float: left;
	width: 35%;
}
.quality-section2 {
	float: left;
	width: 30%;
	text-align: center;
}
.quality-content-outer {
	float: left;
	width: 100%;
	margin-top: 2%;
}
.quality-pic {
	float: left;
	width: 40%;
	text-align: left;
}
.quality-text {
	float: left;
	width: 60%;
	text-align: left;
	margin-top: 6%;
}
.quality-pic1 {
	float: right;
	width: 40%;
	text-align: right;
}
.quality-text1 {
	float: left;
	width: 60%;
	text-align: right;
	margin-top: 6%;
}
.bg2 {
	float: left;
	width: 100%;
	padding-bottom: 4%;
	padding-top: 4%;
	background: url(../images/bg2.jpg) center top no-repeat #cee2ee;
}
.section2-heading {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 4vw;
	font-weight: bold;
	color: #1b4598;
	text-transform: uppercase;
	font-family: 'Roboto';
}
.section2-subheading {
	float: left;
	width: 100%;
	color: #000;
	font-family: 'Roboto';
	text-align: center;
	font-size: 2vw;
	margin-top: 2%;
}
.bg3 {
	float: left;
	width: 100%;
	padding-bottom: 4%;
	padding-top: 4%;
	background: url(../images/bg3.jpg) center top no-repeat #cee2ee;
}
.section3-heading {
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #f1b500;
	font-size: 3vw;
	font-weight: bold;
}
.section4-bg {
	float: left;
	width: 100%;
	padding-bottom: 4%;
	padding-top: 4%;
	background: url(../images/bg4.jpg) center top;
}
.section4-detail-outer {
	float: left;
	width: 100%;
	margin-top: 2%;
}
.detail-left-pic {
	float: left;
	width: 30%;
	margin-right: 3%;
}
.detail-right-content {
	float: left;
	width: 67%;
	margin-top: 1.2%;
	color: #fff;
	font-size: 1.5vw;
}
.section4-detail-heading {
	font-family: 'Raleway';
	font-size: 3vw;
	color: #f1b500;
}
.section5-bg {
	float: left;
	width: 100%;
	padding-bottom: 4%;
	padding-top: 4%;
	background: url(../images/bg5.jpg) center top no-repeat #cde7fb;
}
.header-btn1 {
	float: left;
	width: 88%;
	padding: 6%;
	border: 1px solid #194191;
	color: #00a6ff;
	font-family: 'Roboto';
	font-size: 2vw;
	text-transform: uppercase;
	text-align: center;
	border-radius: 5px;
	background: #194191;
}
.header-btn1:hover {
	background: #00a6ff;
	color: #fff;
	cursor: pointer;
}
.section6-heading {
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #f1b500;
	font-size: 4vw;
	font-weight: bold;
}
.yellow-strip {
	float: left;
	width: 100%;
	background: #f1b500;
	padding-bottom: 3%;
	padding-top: 3%;
}
.yellow-strip-text {
	float: left;
	width: 80%;
	font-family: 'Abel';
	text-align: left;
	color: #FFF;
	font-size: 3vw;
}
.yellow-strip-btn-outer {
	float: right;
	width: 20%;
	text-align: center;
}
.live-chat-text1 {
	float: right;
	padding-left: 1%;
	font-family: 'Roboto';
	color: #1b4598;
	font-size: 1.2vw;
	line-height: 25px;
}
.chat-link1 {
	color: #1b4598;
	text-decoration: none;
}
.chat-link1:hover {
	color: #00a6ff;
}
.number-text1 {
	float: right;
	padding-left: 1%;
	padding-right: 1%;
	font-family: 'Roboto';
	color: #1b4598;
	font-size: 1.2vw;
	line-height: 25px;
}
.footer-icons {
	float: right;
	padding-left: 1%;
	padding-right: 1%;
	display: block;
}
.footer-text1 {
	float: left;
	width: 100%;
	margin-top: 3%;
	font-size: 2vw;
	font-family: 'Roboto';
	font-weight: bold;
	text-align: center;
	color: #00a6ff;
}
.footer-icons1 {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 2%;
}
.footer-text2 {
	float: left;
	width: 100%;
	margin-top: 3%;
	font-size: 3vw;
	font-family: 'Abel';
	font-weight: bold;
	text-align: center;
}
.footer-text3 {
	font-size: 1.5vw;
	font-family: 'Open Sans';
}
.footer-bottom {
	float: left;
	width: 100%;
	border-top: 1px solid #b2b2b2;
	margin-top: 3%;
	padding-bottom: 3%;
	padding-top: 3%;
	border-bottom: 11px solid #00a6ff;
}
.copyright {
	float: left;
	width: 50%;
	text-align: left;
	font-size: 1.2vw;
	color: #8d8d8d;
}
.footer-right {
	float: left;
	width: 50%;
	text-align: right;
}
.topheader-button1 {
	float: left;
	width: 92%;
	padding: 4%;
	margin-top: 6%;
	text-align: center;
	color: #f1b500;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	text-transform: uppercase;
	font-size: 2.5vw;
	font-family: 'Roboto';
	line-height: 150%;
	font-weight: bold;
	background: #00a6ff;
}
.topheader-button1:hover {
	background: #f1b500;
	color: #00a6ff;
	cursor: pointer;
}
.topheader-button3 {
	float: left;
	width: 92%;
	padding: 3%;
	text-align: center;
	color: #fff;
	border-radius: 7px;
	text-transform: uppercase;
	font-size: 2vw;
	font-family: 'Roboto';
	line-height: 150%;
	border: 1px solid #FFF;
	font-weight: bold;
}
.topheader-button3:hover {
	background: #fff;
	color: #1b4598;
	cursor: pointer;
}
.div100 {
	float: left;
	width: 100%;
}
.btn-wrapper1 {
	width: 25%;
	margin: auto;
}
.section1-div-margin {
	float: left;
	width: 100%;
	margin-top: 2%;
}
.top-header-heading-white {
	color: #00a6ff;
	font-size: 2.5vw;
}
.price {
	font-size: 48px;
}
.testimonials1 {
	float: left;
	width: 49%;
	font-size: 1.2vw;
	color: #fff;
}
.testi-heading {
	font-family: 'Roboto';
	font-size: 3vw;
	text-transform: uppercase;
	font-weight: bold;
}
.testimonial2 {
	float: right;
	width: 49%;
	font-size: 1.2vw;
	color: #fff;
}
/*================================ Home Page ===================================*/

/*================================ Order Page ===================================*/
.top-header-bg1 {
	float: left;
	width: 100%;
	background: url(../images/bg5.jpg) no-repeat #cde8fb center top -250px;
	background-size: 90%;
	padding-top: 4%;
	padding-bottom: 4%;
}
.inner-top-header {
	float: left;
	width: 100%;
	color: #1b4598;
	text-align: center;
	font-family: 'Roboto';
	font-size: 4vw;
	text-transform: uppercase;
	font-weight: bold;
}
.blue-top-strip {
	float: left;
	width: 100%;
	background: #00a2f9;
	padding-bottom: 2%;
	padding-top: 2%;
}
.topheader-text1 {
	float: left;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-family: 'Roboto';
	text-transform: uppercase;
	font-size: 1.7vw;
}
.inner-left-section {
	float: left;
	width: 68%;
	margin-right: 2%;
}
.inner-heading {
	float: left;
	width: 100%;
	font-family: 'Roboto';
	font-size: 3vw;
	text-align: left;
	color: #1b4598;
	padding-bottom: 1%;
	border-bottom: 1px solid #009df1;
}
.product-details-header {
	float: left;
	width: 100%;
	line-height: 60px;
	border-bottom: 1px solid #009df1;
	color: #1b4598;
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 1.5vw;
}
.table-section1 {
	float: left;
	width: 12%;
	text-align: center;
}
.table-section2 {
	float: left;
	width: 30%;
	margin-left: 2%;
	text-align: left;
}
.table-section3 {
	float: left;
	width: 32%;
	text-align: center;
}
.table-section4 {
	float: left;
	width: 60%;
	margin-left: 2%;
	text-align: left;
}
.product-details-outer {
	float: left;
	width: 100%;
	padding-bottom: 1%;
	padding-top: 1%;
	border-bottom: 1px solid #c6c4c4;
	color: #000;
	font-family: 'Open Sans';
	font-size: 1.2vw;
}
.product-img {
	float: left;
	width: 12%;
	text-align: center;
}
.product-description {
	float: left;
	width: 36%;
	text-align: left;
	margin-left: 2%;/*line-height: 50px;*/
}
.product-description1 {
	float: left;
	width: 60%;
	text-align: left;
	margin-left: 2%;
	line-height: 120%;
}
.product-size {
	float: left;
	width: 26%;
	line-height: 120%;
	text-align: left;
}
.product-price {
	float: left;
	width: 12%;
	text-align: center;
	line-height: 120%;
}
.product-qty {
	float: left;
	width: 12%;
	text-align: center;
	padding-top: 1%;
}
.buy-btn-outer {
	float: left;
	width: 100%;
	margin-top: 2%;
	text-align: center;
}
.buynow-btn {
	float: left;
	width: 100%;
	padding: 2%;
	background: #1b4598;
	border: none;
	color: #fff;
	font-family: 'Roboto';
	font-size: 3vw;
	font-weight: bold;
	border-radius: 5px;
	text-transform: uppercase;
}
.buynow-btn:hover {
	background: #0096e6;
	cursor: pointer;
}
.total-text-outer {
	float: left;
	width: 100%;
	margin-top: 2%;
}
.total-price {
	float: right;
	width: 13%;
	color: #F00;
	font-size: 2vw;
	font-weight: bold;
	text-align: center;
}
.total {
	float: right;
	width: 13%;
	font-size: 1.5vw;
	line-height: 40px;
}
.light-blue-bold {
	color: #0097e7;
	font-weight: bold;
	font-size: 1.5vw;
}
.field-label {
	float: left;
	width: 25%;
	text-align: left;
	color: #0097e7;
	font-size: 18px;
	line-height: 60px;
}
.field-outer {
	float: left;
	width: 75%;
}
.shipping-field {
	float: left;
	width: 94%;
	padding: 3%;
	border: 1px solid #b8c2d8;
	border-radius: 3px;
}
.select-field {
        float: left;
        width: 100%;
        padding: 3%;
        border: 1px solid #b8c2d8;
        border-radius: 3px;
}
.shipping-field-outer {
	float: left;
	width: 100%;
	margin-top: 1%;
}
.radio-btn-text {
	font-family: 'Roboto';
	font-weight: bold;
	color: #0097e7;
	font-weight: bold;
}
.radio-outer {
	float: left;
	margin: 1.5%;
}
.cart-pic {
	float: left;
	width: 8%;
}
.inner-right-section {
	float: right;
	width: 26%;
	background: rgba(255,255,255,0.5);
	padding: 2%;
}
.inner-page-bg {
	float: left;
	width: 100%;
	background-size: 100%;
	background-image: url(../images/bg6.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #e3eef4;
	padding-top: 3%;
	padding-bottom: 3%;
}
.rightpanel-section {
	float: left;
	width: 100%;
}
.rightpanel-caption1 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #1b4598;
	color: #1b4598;
	font-size: 1.3vw;
	line-height: 300%;
	font-family: roboto;
	font-weight: bold;
	text-transform: uppercase;
}
.rightpanel-content-border {
	float: left;
	width: 100%;
	border-bottom: 1px solid #1b4598;
	line-height: 37px;
	color: #000;
	font-size: 17px;
}
.countryname {
	float: left;
	width: 50%;
}
.deliverydays {
	float: left;
	width: 50%;
}
.rightpanel-captionicon {
	float: left;
	margin: 8px;
	width: 36px;
	text-align: center;
}
.rightpanel-caption {
	float: left;
	width: 100%;
	border-bottom: 1px solid #1b4598;
	color: #1b4598;
	font-size: 1.3vw;
	line-height: 300%;
	font-family: roboto;
	font-weight: bold;
	text-transform: uppercase;
}
.rightpanel-captiontext {
	float: left;
	margin-left: 10px;
}
.rightpanel-content-details {
	float: left;
	width: 90%;
	color: #000;
	font-size: 17px;
	padding: 5%;
	border-bottom: 1px solid #1b4598;
}
.rightpanel-content-details1 {
	float: left;
	width: 90%;
	color: #000;
	font-size: 17px;
	padding: 5%;
	border-bottom: 1px solid #1b4598;
}
.order-section-outer {
	float: left;
	width: 100%;
	padding-bottom: 3%;
	padding-top: 3%;
}
.accessories-outer {
	float: left;
	width: 50%;
}
.accessories-pic {
	float: left;
	width: 30%;
	border: 1px solid #1b4598;
	text-align: center;
}
.accessories-details {
	float: left;
	width: 65%;
	margin-left: 4%;
	font-family: 'Roboto';
}
/*================================ Order Page ===================================*/
.gallery-image-thumb {
	float: left;
	width: 32.5%;
	border: 1px solid #00a6ff;
}