﻿/*
  Theme Name: SamRx Theme
  Theme URI: https://www.samrx.com
  Author: Samrx
  Author URI: https://www.samrx.com
  Description: Samrx Theme
  Version: 2.1
*/


/* CSS Document */
.men-health-banner{ background:#ffffff url("https://cdn1.samrx.com/1.png") no-repeat right bottom; width:300px; height:200px;}
.women-health-banner{ background:#ffffff url("https://cdn1.samrx.com/2.png") no-repeat right bottom; width:300px; height:200px;}
.smoking-banner{ background:#ffffff url("https://cdn1.samrx.com/3.png") no-repeat right bottom; width:300px; height:200px;}
.hair-loss-banner{ background:#ffffff url("https://cdn1.samrx.com/4.png") no-repeat right bottom; width:300px; height:200px;}
.health-banner{ background:#ffffff url("https://cdn1.samrx.com/5.png") no-repeat right bottom; width:300px; height:200px;}
.weight-loss-banner{ background:#ffffff url("https://cdn1.samrx.com/6.png") no-repeat right bottom; width:300px; height:200px;}
.otc-banner{ background:#ffffff url("https://cdn1.samrx.com/7.png") no-repeat right bottom; width:300px; height:200px;}

select{ appearance:none;}
dd h3{ margin:0 0 10px; text-align:left;}
.header_top{ background:#7C7C7C;}
.header_top p, .header_top h1{ font-family:"Calibri"; font-size:16px; line-height:18px; color:#ffffff; margin:6px 0;}
ul.top_links li{ margin:0px;}
ul.top_links li a{ color:#ffffff; font-family:"Arial"; font-size:13px; line-height:30px; text-decoration:none;}
.shopping_cart{ background:#84C419; padding-left:15px; padding-right:15px; line-height:30px;}
.shopping_cart a{ text-decoration:none !important;}
.header_bottom{ background:#ffffff;}
.toll_free_text, .toll_free_no{ color:#000000; font-family:"Calibri"; font-size:18px; line-height:20px;}
.toll_free_no{ color:#37A0D7; font-weight:bold;}
.search_box{ width:250px !important; margin:15px 0 0 50px;}
.body_container{ padding-top:186px;}
.product_title, .product_brand, .price{ font-family:"Calibri"; font-size:20px; line-height:24px; color:#7c7b7b; font-weight:bold; margin:0; padding:0 0 5px 0; text-align:left;}
.product_brand{ font-size:14px; line-height:16px; color:#807d7d; font-weight:normal; padding:0; margin:0 0 10px 0;}
.price{ color:#f61200; padding:0; margin:0 0 10px 0;}
.price span{ font-family:"Calibri"; font-size:15px; text-transform:capitalize; font-style:italic; font-weight:normal; color:#9B7F7F;}
.btn_1{ background-color:#61a60f; border-radius:4px; color:#ffffff !important; font-family:"Calibri"; font-size:13px; line-height:18px; padding:7px 10px 3px; text-decoration:none !important; text-transform:uppercase; float:left;}
.btn_1:hover{ background:#000000;}
.title_text{ font-family:"Calibri"; font-size:20px; line-height:24px; color:#000000; font-weight:normal; padding:20px 0; margin:0;}
.panel-body p{ color:#676767; line-height:14px;}
.date{ font-size:11px; line-height:13px; color:#666666; font-family:"Arial"; font-weight:bold;}
.panel_body_title{ font-size:12px; line-height:14px; color:#107bb3 !important; font-family:"Arial"; font-weight:bold; text-decoration:none;}
.read_more, .read_more:hover{ color:#107bb3;}
.fs_10{ font-size:10px !important; line-height:12px;}
.fs_12{ font-size:12px !important; line-height:14px;}
.fs_14{ font-size:14px !important; line-height:16px;}
.fs_16{ font-size:16px !important; line-height:18px;}
.fs_18{ font-size:18px !important; line-height:20px;}
.fs_20{ font-size:20px !important; line-height:22px;}
.color_1{ color:#1079af !important;}
.color_2{ color:#fec402 !important}
.color_3{ color:#000000 !important}
.color_4{ color:#f61301 !important;}
.color_5{ color:#ffffff !important;}
.color_6{ color:#000000 !important;}
.color_7{ color:#df7f17;}
.color_8{ color:#099e64;}
.color_9{ color:#2bafe2;}
.color_10{ color:#303030 !important;}
#footer-widgets{ background:#f1f1f1; border-top:6px solid #0F77AD;}
#footer-widgets h3{ color:#333333; font-size:16px; line-height:18px; font-family:"Calibri"; font-weight:bold;}
footer{ background:#0f6490;}
footer p{ color:#ffffff; text-align:center; margin-bottom:0;  font-family:"Calibri"; font-size:12px; line-height:42px;}
ul.footer_links, ul.social_links{ margin:0; padding:0;}
ul.footer_links li, ul.social_links li{ list-style:none; color:#191919; float:left; margin:0 5px;}
ul.social_links li{ margin:0 10px;}
ul.footer_links li a, ul.social_links li a{ color:#191919; font-size:14px; line-height:16px; font-family:"Calibri";}

ul.footer_top_links{ margin:0; padding:0;}
ul.footer_top_links li{ list-style:none; color:#191919; float:left; margin:0 5px;}
ul.footer_top_links li a{ color:#191919; font-size:14px; line-height:16px; font-family:"Calibri";}
ul{ margin:0; padding-left:15px;}
ul li{ color:#464646; font-family:"Arial"; font-size:12px; line-height:16px; margin:0 0 5px; text-align:left;}

ul.social_links li a{ font-size:20px; line-height:24px;}
#back-to-top{ position:fixed; bottom:-5px; right:15px; /*z-index:9999;*/ cursor:pointer; transition:opacity 0.2s ease-out; opacity: 0;}
#back-to-top.show{ opacity:1;}
.pos_rel{ position:relative;}
.inline{ display:inline !important;}
.select_box_1{ width:100%; height:22px;}
#new_user_modify, #new_user_bill_acc_modify, #order_info_modify, #payment_details_modify{ top:8px; right:31px;}
.order_section{ float:right;}
.fs_normal{ font-style:normal !important;}
.text_decor{ text-decoration:underline;}
.text_ul{ text-decoration:none !important;}
.echeck{ margin-left:7px;}
.search_box_lg{ height:40px !important;}
.chkbox_section, .ssn_text{ text-align:center;}
.w_75px{ width:75px !important;}
.w_50px{ width:50px !important;}

/* product_description styles starts */
.custom_ul { list-style-image:url(https://cdn1.samrx.com/arrow.gif); padding:0 15px;}
.custom_ul li, .tab_content{ font-family:"Arial"; font-size:12px; line-height:16px; color:#464646; margin:0 0 5px 0; text-align:left;}
.tab_heading{ color:#000000; font-family:"Calibri"; font-size:14px; line-height:16px;}
.header_bg{ background:url(https://cdn1.samrx.com/header_bg.png) repeat-x; width:172px; height:30px; /*border-color: #fff #fff -moz-use-text-color; border-style:solid solid none;	border-width: 1px 1px 0;*/ border-top-left-radius:10px; border-top-right-radius:10px; color:#ffffff; font-size:14px; font-weight:bold; margin:0 0 0 25px; text-align:center; padding:7px 0;}
.page_title{ font-family:"Arial"; font-size:20px; line-height:24px; color:#000000; font-weight:bold; margin:0; padding:0 0 10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.breadcrumb li, .breadcrumb li a, .breadcrumb li.active{ color:#515151; font-family:"Arial"; font-size:13px; font-weight:bold;}
.breadcrumb li{ color:#393939}
.right_arrow{ font-size:16px; line-height:18px; margin:0 5px;}
.inner_nav_section{ margin-top:-10px;}
.inner_nav_heading{ font-size:18px; line-height:20px; font-family:"Arial"; color:#1079af; font-weight:bold; list-style:none;}
ul.inner_nav li{ background:url(https://cdn1.samrx.com/arrow.gif) no-repeat 0 13px; margin:0; padding:6px 15px 6px 15px; border-bottom:1px solid #ededed;}
ul.inner_nav li a{ color:#434343; display:block; font-family:"Calibri"; font-size:14px; font-weight:normal;}
.view_all{ padding:3px 10px; text-decoration:none !important; color:#337ab7 !important; border-radius:20px;}
.bg_1{ background:#f61301;}
.bg_2{ background:#00bee9;}
.bg_3{ background:#fff9d2 !important;}
.bg_4{ background:#fee6e3;}
.bg_5{ background:#ddf7fd;}
.bg_6{ background:#fafafa;}
.bg_7{ background:#ffffff !important;}
.bg_8{ background:#84c419 !important;}
.lh_18px{ line-height:18px !important;}
.lh_20px{ line-height:20px !important;}
.lh_22px{ line-height:22px !important;}
.lh_28px{ line-height:28px;}
.lh_40px{ line-height:40px;}
.valignm{ vertical-align:middle;}
.valignb{ vertical-align:bottom;}
.table_b_1px{ border:1px solid #999999;}
.border_b_transparent{ border-bottom:1px solid #f4f4f4 !important; z-index:9999;}
.border_t_radius_10px{ border-top-left-radius:10px; border-top-right-radius:10px;}
.border_r_20px{ border-radius:20px;}
/* product_description styles ends */

/* product_category styles ends */
.product_bg{ border-right:1px solid #ccc; border-top:1px solid #ccc; background:url(https://cdn1.samrx.com/product_bg.jpg) repeat-x;}
.category_title{ font-family:"Verdana"; font-size:15px; line-height:19px; color:#383838; text-align:left; font-weight:bold; margin:10px 0 10px 0; padding:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.product_description{ font-size:11px; line-height:13px; color:#616161; font-family:"Arial"; height: 52px; overflow-y: hidden;}
.pc_price{ color:#ee1302; font-size:26px; line-height:30px; font-weight:bold; font-family:Arial;}
.pc_price span{ font-size:11px; line-height:13px; font-family:Arial; color:#494949; margin-left:10px;}
.product_bg img{ margin-right:10px;}
/* product_category styles ends */

/* shopping_cart style starts */
.shopping_product{ font-family:"Arial"; font-size:19px; line-height:21px; color:#000000; font-weight:bold; margin:0;}
.sub_title{ font-family:"Arial"; font-size:13px; line-height:15px; font-style:italic; font-weight:bold; color:#949494; margin:0;}
table.shopping_cart_section tr td, table.payment_method_section tr td{ font-family:"Arial"; font-size:13px; line-height:15px; color:#000000;}
table.shopping_cart_section tr{ border-bottom:1px solid #bababa;}
.btn_2{ background-color:#0f77ad; border-radius:20px; color:#ffffff !important; font-family:"Calibri"; font-size:12px; line-height:20px; padding:7px 10px 3px; text-decoration:none !important; font-weight:bold; border:0; outline:none;}
.btn_2:hover{ background:#000000;}
.btn_3{ background-color:#0f77ad; border-radius:20px; color:#ffffff !important; font-family:"Calibri"; font-size:12px; line-height:20px; padding:7px 10px 3px; text-decoration:none !important; font-weight:bold; border:0; outline:none;}
.btn_3:hover{ background:#000000;}
.total_amt{ font-family:"Arial"; font-size:18px; line-height:30px; color:#107ab1; font-weight:bold;}
.payment_amt{ font-family:"Arial"; font-size:16px; line-height:18px; color:#5e5e5e; font-weight:bold;}
.payment_title{ background:#37a0d7; color:#ffffff; font-family:Arial; font-size:20px; line-height:24px; padding:10px 10px; margin:0; border-top-left-radius:10px; border-top-right-radius:10px; border:1px solid #bababa; border-bottom:0;}
.empty_cart{ display:none;}
/* shopping_cart style ends */

/* static_pages style starts */
.static_banner{ float:right; margin:0 0 20px 15px;}
.static_content{ font-family:"Arial"; font-size:13px; line-height:15px; color:#5b5a5a; text-align:left;}
.trial_pack{ margin-left:-1px;}
.faq{ background:#ffffff url(https://cdn1.samrx.com/arrow.gif) no-repeat 0 13px; margin:0; padding:7px 15px 7px 15px; color:#107bb3; font-family:Calibri; font-size:16px; line-height:18px; text-align:left; font-weight:normal;}
.help_links_section{ border-width:1px 1px 1px 0; border-style:solid; border-color:#ccc; background:url(https://cdn1.samrx.com/product_bg.jpg) repeat-x; float:left; position:relative; display:block; margin-top:-1px; width:20%; height:292px;}
.help_links_section h3{ font-family:"Arial"; color:#1079af; font-weight:bold; font-size:14px; line-height:16px; margin:10px 0 0; padding:5px 15px;}
.first_child{ border-left:1px solid #ccc !important; margin-left:-1px;}
ul.help_links{ padding:0 15px;}
ul.help_links li{ background:url(https://cdn1.samrx.com/arrow.gif) no-repeat 0 13px; margin:0; padding:6px 15px 6px 15px; border-bottom:0;}
ul.help_links li a{ color:#191919; font-size:14px; line-height:16px; font-family:"Calibri";}
ul.page_ul li{ color:#303030; font-family:"Arial"; font-size:12px; line-height:18px; margin:0 0 5px; text-align:left;}
.addtocartbt-s{ cursor:pointer;}
.cr3, .cr4{ background:#fee6e3;}
.gridoldcustomerborder1, .gridoldcustomerborder2{ background:#ddf7fd;}
table.table_1 tr td{ text-align:left;}
/* static_pages style ends */

.padding_15px{ padding:15px !important;}
.padding_10px{ padding:10px !important;}
.padding_lr_15px{ padding-left:15px !important; padding-right:15px !important;}
.padding_tb_10px{ padding-top:10px !important; padding-bottom:10px !important;}
.padding_tb_5px{ padding-top:5px !important; padding-bottom:5px !important;}
.padding_b_20px{ padding-bottom:20px !important;}
.padding_b_10px{ padding-bottom:10px !important;}
.padding_t_10px{ padding-top:10px !important;}
.padding_t_5px{ padding-top:5px !important;}
.padding_b_5px{ padding-bottom:5px !important;}
.padding_t_0{ padding-top:0 !important}
.padding_tb_0{ padding-top:0 !important; padding-bottom:0 !important}
.padding_lr_0{ padding-left:0 !important; padding-right:0 !important}
.padding_0{ padding:0 !important;}
.margin_15px{ margin:15px !important}
.margin_tb_25px, .large{ margin-top:25px !important; margin-bottom:25px !important;}
.margin_tb_15px, .small{ margin-top:15px !important; margin-bottom:15px !important;}
.margin_tb_10px{ margin-top:10px !important; margin-bottom:10px !important;}
.margin_tb_5px{ margin-top:5px; margin-bottom:5px;}
.margin_tb_0{ margin-top:0; margin-bottom:0;}
.margin_t_20px{ margin-top:20px;}
.margin_t_15px{ margin-top:15px !important;}
.margin_t_10px{ margin-top:10px;}
.mt-1{ margin-top:-1px;}
.mt-2{ margin-top:-2px;}
.margin_b_20px{ margin-bottom:20px;}
.margin_b_10px{ margin-bottom:10px;}
.margin_b_5px{ margin-bottom:5px !important;}
.margin_t_0{ margin-top:0 !important;}
.margin_b_0{ margin-bottom:0 !important}
.margin_r_15px{ margin-right:15px !important;}
.margin_r_10px{ margin-right:10px !important;}
.margin_l_25px{ margin-left:25px !important}
.margin_l_10px{ margin-left:10px !important}
.margin_l_5px{ margin-left:5px !important}
.margin_l_0{ margin-left:0 !important}
.margin_r_0{ margin-right:0 !important}
.margin_0{ margin:0 !important}
.shopping_cart_border_1px{ border:1px solid #bababa;}
.border_1px{ border:1px solid #ededed;}
.border_b_2px{ border-bottom:2px solid #D4D4D4;}
.border_b_1px{ border-bottom:1px solid #f0f0f0;}
.border_b_dotted_1px{ border-bottom:1px dotted #bfbfbf;}
.border_b_solid_1px{ border-bottom:1px solid #ccc;}
.border_r_1px{ border-right:1px solid #ccc;}
.border_t_0{ border-top:0 !important;}
.border_b_0{ border-bottom:0 !important;}
.border_r_0{ border-right:0 !important;}
.border_0{ border:0 !important;}
.border_radius_10px{ border-radius:10px;}
.div_tr{ position:absolute; top:0; right:0;}
.section_left, .div_left, .left_portion{ float:left; display:block; position:relative;}
.div_center{ float:none; display:inline-block; position:relative;}
.section_right, .div_right, .payment_section, .login_section, .right_portion{ float:right; display:block; position:relative;}
.talignl{ text-align:left !important;}
.talignr{ text-align:right !important;}
.talignc{ text-align:center !important;}


/* style for responsive tabs starts */
.heading_text{ color:#f61301; font-size:17px; line-height:21px; font-family:"Montserrat";}
ul.resp-tabs-list { margin:0; padding:0px;}
.resp-tabs-list li { font-family:"Montserrat"; font-weight:normal; font-size:12px; line-height:18px; display:inline-block; margin: 0 5px; padding: 5px 18px; list-style:none; cursor:pointer; float:left; color:#5b5a5a; background:#ffffff; border:1px solid #0f77ad;}
#horizontalTab .resp-tabs-list li{ border-bottom:0;}
.resp-tabs-container { padding:0px; background-color:#fff; clear:left;}
.resp-tabs-container .content_portion p{ color:#5b5a5a !important; font-family:"Montserrat"; font-size:12px; line-height:22px; padding:0; text-align:justify;}
h2.resp-accordion { cursor:pointer; padding:5px; display:none;}
.resp-tab-content { display:none; padding:15px;}
.resp-tab-active { border-bottom:none; margin-bottom:0px !important; padding:5px 18px !important; font-weight:bold !important;}
.resp-tab-active { border-bottom:none; background-color:#0f77ad !important; font-family:"Montserrat" !important; color:#ffffff !important; font-weight:bold;}
.resp-content-active, .resp-accordion-active { display:block; }
.resp-tab-content { border:1px solid #0f77ad; }
h2.resp-accordion { font-size:13px; border:1px solid #0f77ad; border-top:0px; margin:0px; padding:10px 15px; color:#5b5a5a; font-family:"Montserrat" !important;}
h2.resp-tab-active { border-bottom:0px solid #0f77ad !important; margin-bottom:0px !important; padding:10px 15px !important;}
h2.resp-tab-title:last-child { border-bottom:1px solid #0f77ad !important; background:blue;}
.resp-vtabs ul.resp-tabs-list { float:left; width:15%;}
.resp-vtabs .resp-tabs-list li:first-child{ margin:0;}
.resp-vtabs .resp-tabs-list li { display:block; padding:38px 15px !important; margin:-1px 0 0; cursor:pointer; float:none; text-align:center;}
.resp-vtabs .resp-tabs-container { padding:0px; background-color:#fff; border:1px solid #0f77ad; float:left; width:85%; min-height:286px; clear:none; margin-left:-1px;}
.resp-vtabs .resp-tab-content { border:none;}
.resp-vtabs li.resp-tab-active { border-right:none; background-color:#0f77ad; position:relative; z-index:1; margin-right:0px !important; padding:38px 15px !important; text-align:center;}
.resp-arrow { background:url(https://cdn1.samrx.com/responsive_tab_arrow_down.png) no-repeat; float:right; margin-top:15px; width:14px; height:8px;}
h2.resp-tab-active span.resp-arrow { }

h2.resp-tab-active { background:#0f77ad !important;}
.resp-easy-accordion h2.resp-accordion { display:block;}
.resp-easy-accordion .resp-tab-content { border:1px solid #0f77ad; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom:1px solid #0f77ad !important; }
.resp-jfit { width:100%; margin:0px;}
.resp-tab-content-active { display:block; }
h2.resp-accordion:first-child { border-top:1px solid #0f77ad !important; }
.content_portion { padding: 15px !important;}

@media only screen and (max-width: 991px) {
ul.resp-tabs-list { display:none; }
h2.resp-accordion { display:block; }
.resp-vtabs .resp-tab-content { border:1px solid #0f77ad; }
.resp-vtabs .resp-tabs-container { border:none; float:none; width:100%; min-height:initial; clear:none;}
.resp-accordion-closed { display:none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom:1px solid #0f77ad !important; }
.content_portion { padding: 15px !important;}
}
/* style for responsive tabs ends */


/* style for radio buttons and checkboxes starts */
input[type=radio] { display:none;}
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{ content:""; display:inline-block; width:16px; height:16px; margin-right:10px; position:relative; left:0; background-color:#0f77ad;	border:2px solid #0f77ad; font-size:20px; line-height:14px; top:3px;}
.radio label:before{ border-radius: 8px;}
input[type=radio]:checked + label:before{ content:"\2022"; color:#ffffff; text-align:center; font-size:20px; top:3px;}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked { position:relative; left:-9999px;}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position:relative; cursor:pointer; color:#303030; font-weight:normal; font-size:13px; line-height:22px; font-family:"Arial";}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content:''; position:absolute; left:-25px; top:2px; width:16px; height:16px; background:#0f77ad; border:1px solid #0f77ad; border-radius:3px;}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{ content:'✔'; position:absolute; top:-1px; left:-20px; font-size:13px; color:#ffffff; transition:all .2s;}
[type="checkbox"]:not(:checked) + label:after{ opacity:0; transform:scale(0);}
[type="checkbox"]:checked + label:after{ opacity:1; transform:scale(1);}
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before{ box-shadow:none; border-color:#bbb; background-color:#ddd;}
[type="checkbox"]:disabled:checked + label:after{ color:#999;}
[type="checkbox"]:disabled + label{ color:#aaa;}
/* style for radio buttons and checkboxes ends */


@media(max-width:500px){
.category_title{ font-size:13px;}
}
@media(max-width:460px){
.category_title{ font-size:12px;}
}
@media(max-width:430px){
.category_title{ font-size:11px;}
.pc_price{ font-size:20px;}
}
@media(max-width:396px){
.category_title{ font-size:10px;}
}
@media(max-width:370px){
.category_title{ font-size:9px;}
.pc_price{ font-size:18px;}
}
@media(max-width:320px){
.category_title{ font-size:8px;}
}
@media(max-width:500px){
.section_left, .section_right{ float:none; display:inline-block; position:relative;}
.product_title, .product_brand, .price{ text-align:center;}
}
@media(max-width:485px){
.btn_1{ float:none; display:inline-block; position:relative;}
table th, table td{ font-size:10px;}
}
@media(max-width:445px){
.product_title{ font-size:16px;}
.add_cart_icon{ width:80px;}
} 
@media(max-width:380px){
.product_section{ width:100% !important;}
.add_cart_icon{ width:70px;}
} 
@media(max-width:1199px) and (min-width:992px){
.category_title{ font-size:14px;}
.help_links_section{ height:352px;}
}
@media(max-width:991px) and (min-width:768px){
ul.footer_links li{ margin:0 3px;}
ul.footer_links li a{ font-size:14px; line-height:16px;}
.help_links_section{ height:432px;}
}
@media(min-width:1200px){
.mobile_nav{ display:none !important;}
}
@media (max-width:1024px){
li.mobile_dropdown ul{ background:#7C7C7C !important; color:#ffffff; border:1px solid #7C7C7C !important;}
li.mobile_dropdown{ margin-right:15px !important;}
.mobile_dropdown ul li{ width:100% !important; margin:0;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:#ffffff; color:#323a45;}
.dropdown-menu-right{ margin-top:15px; box-shadow:none; border-radius:0;}
.dropdown-menu-left{ left:-17px; right:auto; border-radius:0; top:28px;}
}
@media (max-width:767px){
.toll_free_section{ display:none;}
.search_box_portion{ float:right; display:block; position:relative;}
.dropdown-menu-left{ left:-85px;}
.shopping_cart_section tr:first-child{ display:none;}
table.shopping_cart_section tr{ border-bottom:0; border-left:0; border-right:0; margin-bottom:20px; float:left; width:100%;}
table.payment_method_section{ border-bottom:0;}
table.payment_method_section tr{ border:1px solid #bababa; border-top:0; border-left:0; border-right:0; float:left; width:100%;}
.shopping_cart_section tr td{ width:100% !important; float:left;}
.shopping_cart_product, .shopping_cart_product_name, .shopping_cart_quantity, .shopping_cart_price, .shopping_cart_edit{ border:1px solid #bababa; margin:-1px 0 0 0;}
.shopping_cart_product div, .shopping_cart_product_name div, .shopping_cart_quantity div, .shopping_cart_price div, .shopping_cart_edit div{ margin:10px 0;}  
.shopping_cart_product::before, .shopping_cart_product_name::before, .shopping_cart_quantity::before, .shopping_cart_price::before, .shopping_cart_edit::before{ vertical-align:middle;}
.shopping_cart_product::before{ content:"Product";}
.shopping_cart_product_name::before{ content:"Product Name";}
.shopping_cart_quantity::before{ content:"Quantity";}
.shopping_cart_price::before{ content:"Price";}
.shopping_cart_edit::before{ content:"Edit";}  
.order_section{ text-align:center !important;}   
.order_info_sno, .order_info_product_name, .order_info_strength, .order_info_quantity, .order_info_price{ border:1px solid #bababa; margin:-1px 0 0 0;}
.order_info_sno div, .order_info_product_name div, .order_info_strength div, .order_info_quantity div, .order_info_price div{ margin:10px 0;}
.order_info_sno::before, .order_info_product_name::before, .order_info_strength::before, .order_info_quantity::before, .order_info_price::before{ vertical-align:middle;}
.order_info_sno::before{ content:"S.No";}
.order_info_product_name::before{ content:"Product";}
.order_info_strength::before{ content:"";}
.order_info_quantity::before{ content:"Quantity";}
.order_info_price::before{ content:"Price";}       
table.payment_method_section tr td{ width:100%; float:left;}  
.static_banner{ float:none; display:inline-block; margin:0 !important;}   
.help_links_section{ background:url(https://cdn1.samrx.com/product_bg.jpg) repeat-x; float:none; position:relative; display:inline-block; margin:-1px 0 0 -1px; width:100%; height:auto !important; border:1px solid #ccc;}
dd h3{ text-align:center !important; margin:10px 0 5px !important;}
.left_portion, .right_portion{ float:none; display:inline-block; position:relative;}
    
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { left:-25px !important;}
.chkbox_section, .ssn_text{ text-align:left;}
.chk_label{ margin-left:10px !important;}
 
/*table colgroup col:nth-child(2), table colgroup col:nth-child(7), table tr th:nth-child(2), table tr th:nth-child(4), table tr th:nth-child(6), table tr th:nth-child(7), table tr td:nth-child(2), table tr td:nth-child(4), table tr td:nth-child(6), table tr td:nth-child(7){ display:none;}*/
table tr td:nth-child(3), table tr td:nth-child(4){ background:#fee6e3;}
table tr td:nth-child(5), table tr td:nth-child(5){ background:#ddf7fd;} 
    
.comment{ color:#5b5a5a; font-family:"Montserrat"; font-size:12px; line-height:22px; margin-bottom:20px;}
a.morelink{ text-decoration:none; outline: none !important;}
.morecontent span{ display: none;}  
ul.footer_top_links li{ float:none; margin:0; line-height:28px;}
#back-to-top{ bottom:30px; left:15px;}
.tab_section{ margin-bottom:20px;}
}
/*
@media (min-width:768px){
table colgroup col:nth-child(4), table colgroup col:nth-child(6), table tr th:nth-child(3), table tr th:nth-child(5){ display:none;}
}
*/

@media (max-width:1199px){
.navigation{ display:none;}
.echeck{ margin-left:0px;}
}
@media (min-width:992px){
.search_box_lg{ width:380px !important;}
}
@media(max-width:1199px) and (min-width:540px){
.body_container{ padding-top:136px;}
}
@media (max-width:539px){
.logo{ width:80px; height:28px; margin-top:12px;}
.search_box{ width:190px !important; margin:0 0 0 20px;}
.search_btn{ top:0;}
.body_container{ padding-top:121px;}
}
@media (max-width:319px){
.margin_tb_25px{ margin-top:0px !important; margin-bottom:0px !important;}
.body_container{ padding-top:161px;}
}
@media only screen and (device-width: 768px) {
.add_cart_icon{ width:85px;}
}


/* style for nav starts */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 200px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper button {
	background: none;
	border: none;
	width: 48px;
	height:30px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: none;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;	
	background: #fff;	
	width:50%; height:2px; left:0; top:6px; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration:none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {	
	margin:0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	/*top: 50px;*/
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: none;
}

.demo-1 .dl-menuwrapper ul {
	background: #0f77ad;
}

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.column {
	float: left;
	width: 50%;	
	min-width: 200px;	
	position:absolute; top:0; float:right !important;
}

.column:nth-child(2) {
	min-height: 400px;
	box-shadow: -1px 0 0 rgba(0,0,0,0.1);
	background: url(https://cdn1.samrx.com/clickhere.png) 90px 0 no-repeat;
}


.column p {
	font-weight: 300;
	font-size: 2em;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}

.container > header {
	padding: 2.875em 1.875em 2.875em;
	text-align: center;
	background: rgba(0,0,0,0.01);
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	color: #89867e;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0 0 0.6em 0.1em;
}

/* Header Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	text-transform: uppercase;
	position: relative;
	font-size: 0.68em;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #333;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.99);
	color: #000;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b1aea6;
	color: #b1aea6;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #89867e;
	color: #89867e;
}

@media screen and (max-width: 46.0625em) {

	.column p {
		text-align: left;
		font-size: 1.5em;
	}

	.column:nth-child(2) {
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
		background-position: 90px 3em;
	}
}
/* style for nav ends */