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

body { margin: 0; padding: 0; height: 100%; font-family: "Helvetica"; color: #000;}
html { height: 100%}
.header_wrapper { background: #f7f7f7; float: left; width: 100%; min-height: calc(100% - 103px)}

.container { width: 100%; /*max-width: 600px;*/ margin: 0 auto }
.inr_cntnr { padding: 0 15px}
.container_big { width: 100%; max-width: 935px; margin: 50px auto 30px}
.top_mail_cntnr { text-align: center; padding-top: 120px;}
.top_mail_cntnr h1 { margin-top: 0; padding: 20px 0 0; font-weight: normal}
.top_mail_cntnr input {
	text-align: center; 
	padding: 20px;
	margin-bottom: 15px;
	width: 100%;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
		box-sizing: border-box;
}

.top_mail_cntnr input[type="email"] {
	background: #fff; 
	color: #000; 
	font-size: 20px;
	border: 2px solid #00ae66;
}
.top_mail_cntnr input[type="email"]:hover,
.top_mail_cntnr input[type="email"]:focus { border-color: #01995a}


.top_mail_cntnr button {
	border: none; 
	background: #00ae66; 
	color: #fff; 
	padding: 18px;
	width: 100%;
	margin-bottom: 20px;
	font-size: 25px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
		border-radius: 5px;
}
.top_mail_cntnr button:hover,
.top_mail_cntnr button:focus { background: #01995a}

.btm_mtr_cntnr { margin-top: 7px; display: inline-block; width: 100%; font-size: 15px;}
.scl_btn_lft_cntnr>span { float: left; margin: 12px 9px 0 0}
.scl_btn_lft_cntnr>div { display: inline-block; margin-right: 5px}
.scl_btn_lft_cntnr>div a { text-decoration: none}

.hvr_img,
.scl_btn_lft_cntnr>div:hover .nrml_img { display: none}
.scl_btn_lft_cntnr>div:hover .hvr_img { display: block}
.scl_btn_lft_cntnr { float: left} 
.shwbtn_right_cntnr { float: right; margin-top: 10px}
.show_hide { padding-right: 26px; position: relative; font-weight: bold; cursor: pointer}
.show_hide.show:after { border-bottom: none; border-top: 8px solid #000;}
.show_hide:after {
	position: absolute;
	content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #000;
	top: 5px;
	right: 10px;
}


.show_hide.show { position: relative}
.show_hide.show:before,
.show_hide:before { position: absolute; font-weight: normal; }
.show_hide.show:before { content: "Show"; left: -43px}
.show_hide:before { content: "Hide"; left: -36px}

/*---------- Delivery option Conatiner -------------*/
.dlvry_optin_cntnr { float: left; display: none; width: 100%; margin-bottom: 50px}

.hdng_cntnr {
	padding: 18px 50px 18px 80px;
	font-size: 23px;
	color: #000;
	position: relative;
	cursor: pointer;
	letter-spacing: 0;
	overflow: hidden;	
}
.hdng_cntnr:after,
.hdng_cntnr:before {
	position: absolute;
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	right: 17px;
}

.hdng_cntnr:after { border-top: 10px solid #b2b2b2; top: 28px;}
.hdng_cntnr.open:after { margin-top: -100%}
.hdng_cntnr:before { border-bottom: 10px solid #fff; top: 100%;}
.hdng_cntnr.open:before { top: 27px;}
.hdng_cntnr.open:after { border-bottom: 10px solid #fff; border-bottom: none; }

.hdng_cntnr>span { font-weight: bold}
.hdng_cntnr.open { color: #fff}
.artcls { background: #fff url(../images/articles.png) 20px 14px no-repeat;}
.artcl_hed_lins { background: #fff url(../images/artcl_hdline.png) 20px 20px no-repeat;}
.nwspapr { background: #fff url(../images/nwspapr.png) 20px 18px no-repeat;}

.artcls:hover ,
.artcl_hed_lins:hover,
.nwspapr:hover { background-color: #e7e7e7}
.artcls.open { background: #2a2a2a url(../images/articles.png) 20px -62px no-repeat;}
.artcl_hed_lins.open { background: #2a2a2a url(../images/artcl_hdline.png) 20px -54px no-repeat;}
.nwspapr.open { background: #2a2a2a url(../images/nwspapr.png) 20px -55px no-repeat;}

.artcls,
.artcl_hed_lins,
.nwspapr,
.artcls:hover ,
.artcl_hed_lins:hover,
.nwspapr:hover,
.hdng_cntnr:after,
.hdng_cntnr:before { 
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
		transition: all .5s;
}



.shw_hid_mtr_cntnr { 
	padding: 10px 50px 40px;
	background: #fff;
	display: none;
	border: 1px solid #e5e5e5;
  	border-top: none;
}
.green_clr_txt { color: #00ae65}
.red_clr_txt {color: #e93c2c }
.green_clr_txt,
.red_clr_txt { font-weight: bold} 
.tag_fltr_cntnr { margin-bottom: 8px}
.shw_hid_mtr_cntnr>h3:first-child { font-weight: normal; padding-top: 20px; margin: 0; font-size: 22px}
.shw_hid_mtr_cntnr>h3 { text-align: center; margin: 0 0 20px; font-size: 22px; letter-spacing: 0; color: #2a2a2a;} 
.tag_fltr_hdng { position: relative;}
.tag_fltr_hdng h3 {  background: #eee; padding: 21px 30px; border: 1px solid #ccc; margin: 0; font-size: 19px; color: #2a2a2a}
.on_off_btn_cntnr { position: absolute; top: 16px; right: 16px; width: 76px; font-size: 18px; overflow: hidden; cursor: pointer}
.on_off_btn_inr_cntnr { width: 180px}
.on_off_btn_inr_cntnr p { display: inline-block; margin: 5px 0 0}
.on_off_btn_inr_cntnr span {
	float: left;
	width: 34px;
	height: 34px;
	background: #fff;
	border-radius: 50%;
	margin-right: 5px;	
}
.on_off_btn_inr_cntnr>div {
	float: left; 
	width: 72px;
	padding: 2px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	-o-border-radius: 50px; 
		border-radius: 50px;
}
.on_off_btn_inr_cntnr .off_fld { background: #9c9c9c; color: #fff;}
.on_off_btn_inr_cntnr .on_fld { background: #00ae65; color: #fff;}
.on_off_btn_inr_cntnr .on_fld span { float: right; margin: 0 0 0 5px}
.on_off_btn_inr_cntnr .on_fld p { margin-left: 10px}
.tgl_row_cntnr { margin-bottom: 4px}
.on_off_btn_cntnr.btn_on .off_fld { margin-left: -80px;}
.tag_matter_cntnr { background: #fff; padding: 10px 30px; border: 1px solid #ccc; border-top: none; display: none}
.tag_matter_cntnr h3 { font-size: 18px; margin: 15px 0}
.tag_matter_cntnr p { color: #2a2a2a; font-size: 18px}
.tags>span:first-child { font-weight: bold} 
.tag_indvsl_cntnr { display: inline-block; margin-bottom: 5px}

.tags {
	background: #efefef;
	padding: 6px 10px;
	font-size: 16px;
	color: #111;
	cursor: pointer;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	   border-radius: 5px;
}
.tags:hover { background: #bfbfbf}
.tag_btm_cntnr { margin: 30px 0; font-size: 18px;}
.tag_btm_cntnr>span { cursor: pointer; color: #acacac}
.tag_btm_cntnr>span:hover { color: #2a2a2}
.tag_btm_cntnr>span:nth-child(2) { float:right}
.entr_keywrd { position: relative; margin-bottom: 15px; width: 60%; float: left; }
.entr_keywrd:nth-child(3) { width: calc(40% - 10px); margin-left: 10px}
.slct_inpt { margin-right: 110px; overflow: hidden; position: relative; background: #f3f3f3;}
.slct_inpt:after {
	position: absolute;
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #111;
	right: 20px;
	top: 20px;
}
.entr_keywrd input,
.entr_keywrd select {
	font-size: 17px;
	border: none;
	width: 100%;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	   box-sizing: border-box;
}
.entr_keywrd input { padding: 15px 25px; background: #f3f3f3; }
.entr_keywrd select { padding: 15px 22px; width: 110%; background: transparent }
.entr_keywrd input:hover,
.entr_keywrd input:focus,
.entr_keywrd .slct_inpt:hover,
.entr_keywrd .slct_inpt:focus { background: #eee}


.add_btn {
	position: absolute;
	top: 0;
	color: #fff;
	cursor: pointer;
	right: 0;
	padding: 17px 35px 11px;
	height: 24px;
	background: #00ae65;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
		border-radius: 5px;
}
.add_btn:hover { background: #01995a}
.entr_keywrd + p { margin: 30px 0; line-height: 30px; color: #acacac; font-size: 14px; line-height: 20px}
.keywrd_indvsl_cntnr { position: relative; margin-bottom: 10px; font-size: 18px;}
.keywrd_cntnr { margin-right: 300px; line-height: 27px}
.right_dide_optn_cntnr { position: absolute; top: 0; right: 0; width: 285px; }
.right_dide_optn_cntnr>span:nth-child(2) { margin-left: 10px; color: #e93c2c; float: right;}
.right_dide_optn_cntnr>span { cursor: pointer}

.sndme_slids { margin-left: 28px;}
.sndme_slids input { display: none}
.sndme_slids label { float: left; width: 40px; height: 40px; cursor: pointer;}
.sndme_slids span { display: table; vertical-align: top; margin: 8px 0 0 50px; padding-top: 8px; font-weight: bold; font-size: 22px;}
.sndme_slids span ins { display: block; font-size: 18px; font-weight: normal; text-decoration: none; margin-top: 9px}
.sndme_slids.chckbx_button span ins { display: inline-block; margin-top: 0}
.sml_sb_hdng { color: #999; }
.sml_sb_hdng a { color: #db3c14; text-decoration: none}

.sndme_slids p { margin-top: 26px}
.sndme_slids p:nth-child(3) { margin-top: 30px}
.radio_button label { background: url(../images/radio_btns.png) 0 0 no-repeat; }
.chckbx_button label { background: url(../images/chckbx_btns.png) 0 0 no-repeat; }
.inpt_slct { width: 296px; position: relative; background: #efefef; margin-left: 165px; overflow: hidden; margin-top: -9px !important;}
.inpt_slct select { width: 110%; background: transparent; padding: 9px 10px; outline: none; border: none; font-size: 15px; }
.inpt_slct:after{
	position: absolute;
	content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #111;
	right: 14px;
	top: 16px;	
}

 
 

/*------ Footer--------*/
.footer_wrapper { float:left; width: 100%; text-align: center; padding: 40px 0}
.footer_wrapper ul { margin: 0; padding: 0}
.footer_wrapper ul li { display: inline; margin: 0 5px; position: relative}
.footer_wrapper ul li:after {
	position: absolute;
	top: 9px;
	content: "";
	width: 4px;
	border-top: 1px solid #9c9c9c;
	left: -9px;
}
.footer_wrapper ul li:first-child:after { display: none}
.footer_wrapper ul li { color: #9c9c9c; font-size: 15px;}
.footer_wrapper ul li a { color: #9c9c9c; text-decoration: none; }
.footer_wrapper ul li a:hover,
.footer_wrapper ul li a:focus { color: #e12522}


@media screen and (max-width: 990px) {
	.entr_keywrd { width: 100%;}
	.entr_keywrd:nth-child(3) { width: 100%; margin-left: 0; }
	.slct_inpt { margin-right: 150px;}
	.add_btn { padding: 17px 50px 11px}
	.keywrd_cntnr { margin-right: 250px;}
	.right_dide_optn_cntnr { width: 235px;}
	
}

@media screen and (max-width: 800px) {
	.keywrd_cntnr { margin-right: 200px;}
	.right_dide_optn_cntnr { width: 180px;}
	.hdng_cntnr { font-size: 19px; padding: 20px 50px 20px 75px; }
	
	.artcls { background: #fff url(../images/articles.png) 20px 12px no-repeat;}
	.artcl_hed_lins { background: #fff url(../images/artcl_hdline.png) 20px 17px no-repeat;}
	.nwspapr { background: #fff url(../images/nwspapr.png) 20px 15px no-repeat;}
	
	.artcls.open { background: #2a2a2a url(../images/articles.png) 20px -64px no-repeat;}
	.artcl_hed_lins.open { background: #2a2a2a url(../images/artcl_hdline.png) 20px -56px no-repeat;}
	.nwspapr.open { background: #2a2a2a url(../images/nwspapr.png) 20px -58px no-repeat;}
	
	.tag_fltr_hdng h3 { padding: 15px 30px }
	.on_off_btn_cntnr { top: 10px; right: 10px;}
	.sndme_slids span { font-size: 20px;}
	.sndme_slids span ins { font-size: 16px;   margin-top: 5px;}
	.inpt_slct { margin-left: 65px; margin-top: -7px !important;}
	.sndme_slids p:nth-child(2) { margin-top: 20px }
}

@media screen and (max-width: 630px) {
	.top_mail_cntnr { padding-top: 50px;}
	.top_mail_cntnr h1 { font-size: 26px;} 
	.top_mail_cntnr input { padding: 15px; }
	.top_mail_cntnr input[type="submit"] { font-size: 22px; }
	
	.hdng_cntnr:after { top: 24px; }
	.hdng_cntnr.open:before { top: 22px; }
	.tag_matter_cntnr { padding: 10px 15px;}
	.shw_hid_mtr_cntnr>h3 { font-size: 21px}
	.tag_fltr_hdng h3 { font-size: 20px}
	.tags>span:first-child, .tag_count { font-size: 18px}
	.shw_hid_mtr_cntnr { padding: 10px 15px 10px;}
	.sndme_slids { margin-left: 10px;}
	.inpt_slct { width: 200px; }
	.top_mail_cntnr button { padding: 15px; font-size: 20px }
	.top_mail_cntnr input { padding: 13px; }
	.hdng_cntnr { padding: 15px 50px 16px 75px;}
	
	.artcls { background: #fff url(../images/articles.png) 20px 6px no-repeat;}
	.artcls.open { background: #2a2a2a url(../images/articles.png) 20px -70px no-repeat;}
	.artcl_hed_lins { background: #fff url(../images/artcl_hdline.png) 20px 12px no-repeat;}
	.artcl_hed_lins.open { background: #2a2a2a url(../images/artcl_hdline.png) 20px -61px no-repeat;}
	.nwspapr { background: #fff url(../images/nwspapr.png) 20px 10px no-repeat;}
	.nwspapr.open { background: #2a2a2a url(../images/nwspapr.png) 20px -63px no-repeat;}
	
}

@media screen and (max-width: 580px) {
	.scl_btn_lft_cntnr { width: 100%; text-align: center}
	.btm_mtr_cntnr { text-align: center }
	.scl_btn_lft_cntnr>span { float: none; display: inline-block; vertical-align: top}
	.shwbtn_right_cntnr { display: inline-block; float: none; text-align: center; margin-top: 30px}
	.show_hide { display: inline-block; margin-right: -45px}
	.dlvry_optin_cntnr>h4:first-child { display: none}
	.add_btn { padding: 17px 25px 11px }
	.slct_inpt { margin-right: 96px;}
	.nwspapr { background: #fff url(../images/nwspapr.png) 20px 21px no-repeat;}
	.nwspapr.open { background: #2a2a2a url(../images/nwspapr.png) 20px -52px no-repeat;}
	.nwspapr.hdng_cntnr:after { top: 34px;}
	.nwspapr.hdng_cntnr.open:before { top: 31px;}
	.tag_fltr_hdng h3 { padding: 10px 15px;}
	.on_off_btn_inr_cntnr span { width: 25px; height: 25px; margin-right: 3px;}
	.on_off_btn_inr_cntnr>div { width: 58px;}
	.on_off_btn_cntnr { width: 62px; top: 8px; right: 8px;}
	.on_off_btn_inr_cntnr p { margin: 1px 0 0;}
	.on_off_btn_inr_cntnr .on_fld span { margin: 0 0 0 3px;}
	.on_off_btn_inr_cntnr .on_fld p { margin-left: 8px;}
	.sndme_slids span { font-size: 18px;}
	.inpt_slct { margin-left: 5px; width: 170px;}

}


@media screen and (max-width: 420px) {
	.artcls { background: #fff url(../images/articles.png) 20px 17px no-repeat;}
	.artcl_hed_lins { background: #fff url(../images/artcl_hdline.png) 20px 24px no-repeat;}
	.nwspapr { background: #fff url(../images/nwspapr.png) 20px 21px no-repeat;}
	
	.artcls.open { background: #2a2a2a url(../images/articles.png) 20px -59px no-repeat;}
	.artcl_hed_lins.open { background: #2a2a2a url(../images/artcl_hdline.png) 20px -52px no-repeat;}
	.nwspapr.open { background: #2a2a2a url(../images/nwspapr.png) 20px -54px no-repeat;}
	.inpt_slct {   float: left; width: 100%; margin: 10px 0 0 !important;}
	
	.hdng_cntnr:after { top: 35px;}
	.hdng_cntnr.open:before { top: 31px;}
	.shw_hid_mtr_cntnr>h3,
	.shw_hid_mtr_cntnr>h3:first-child {font-size: 18px; }
	.top_mail_cntnr input[type="submit"] { font-size: 20px;}
	.tags>span:first-child, .tag_count { font-size: 16px;}
	.tag_btm_cntnr { font-size: 17px; margin: 20px 0 10px}
	.entr_keywrd select { padding: 15px;}
	.slct_inpt:after {right: 10px;}
}

@media screen and (max-width: 388px) {
	.nwspapr { background: #fff url(../images/nwspapr.png) 20px 34px no-repeat;}
	.nwspapr.open { background: #2a2a2a url(../images/nwspapr.png) 20px -37px no-repeat;}
	.right_dide_optn_cntnr { text-align: right}
}


@media screen and (max-width: 320px) {
	.nwspapr { background: #fff url(../images/nwspapr.png) 20px 43px no-repeat;}
	.nwspapr.open { background: #2a2a2a url(../images/nwspapr.png) 20px -32px no-repeat;}
}