@charset "utf-8";
/* CSS Document */

/* --------------------------- POPUP LAYOUT [start] --------------------------- */

#popup-layout {width: 100%; height: 100%;float: left;}
#popup-layout .type-standard {width: 100%;float: left;}
#popup-layout .type-basic {width: 100%;float: left;}
#popup-layout .pop-header {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	background: #fff;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-ms-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-o-box-shadow:0px 0px 0px rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}
#popup-layout .type-standard .pop-header {height: 12em;}
#popup-layout .type-basic .pop-header {height: 5em;border-bottom: 1px solid #e0e0e0;}

/* -- Page Title [start] -- */

.pop-header .page-title {width: 100%;float: left;text-align: center;padding: 0em;}
.pop-header .page-title .pagetitle-box {width: 100%;max-width: 60em;display: inline-block;}

.pop-header .page-title .pagetitle-box .main-title {width: 100%;float: left;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.pop-header .page-title .pagetitle-box .sub-title {width: 100%;float: left; margin-top: 1em; color: #3f3f3f;}

.type-standard .pop-header .page-title .pagetitle-box .main-title {font-size: 3.6em;line-height: 1em;text-transform: uppercase;font-family: neobold;}
.type-standard .pop-header .page-title .pagetitle-box .sub-title {font-size: 1.6em;line-height: 1.2em;font-family: neoreg;}
.type-basic .pop-header .page-title .pagetitle-box .main-title {font-size: 1.8em;line-height: 1em;text-transform: uppercase;font-family: neobold;}

/* -- Page Title [end] -- */

#popup-layout .pop-content {width: 100%;float: left;padding-top: 0em; text-align: center;}
#popup-layout .pop-content#adjust {padding-top: 6em !important;}
#popup-layout .type-standard .pop-content {margin-top: 12em;}
#popup-layout .type-basic .pop-content {margin-top: 5em;}
#popup-layout .pop-content .pbody {width: 100%; display: inline-block;}
#popup-layout .pop-content .pbody#s-120 {max-width: 120em}
#popup-layout .pop-content .pbody#s-100 {max-width: 100em}
#popup-layout .pop-content .pbody#s-90 {max-width: 90em}
#popup-layout .pop-content .pbody#s-80 {max-width: 80em}
#popup-layout .pop-content .pbody#s-70 {max-width: 70em}
#popup-layout .pop-content .pbody#s-60 {max-width: 60em}
#popup-layout .pop-content .pbody#s-50 {max-width: 50em}
#popup-layout .pop-content .pbody .cat-container {width: 100%;float: left; margin-top: 1em;}
#popup-layout .pop-content .pbody .sub-container {width: 100%;float: left;padding-left:0em;text-align: left;}

@media (min-width:820px) {
	#popup-layout .pop-content#adjust {padding-top: 0em !important;}
	#popup-layout .pop-content .pbody .sub-container {width: 80%;float: right;padding-left: 3.5em;}
}

/* --------------------------- POPUP LAYOUT [end] --------------------------- */

/* --------------------------- POPUP DEFAULT [start] --------------------------- */

#pop-default {width: 100%;height: 100%;float: left;}

/* --------------------------- POPUP DEFAULT [end] --------------------------- */

/* --------------------------- POPUP TERMS & CONDITION [start] --------------------------- */

#pop-terms {width: 100%;float: left;font-family: neoreg;font-size: 1.2em;line-height: 1.2em;text-align: left;padding: 2em 2em 2em 0em;}
#pop-terms span {font-family: neobold;}

/* --------------------------- POPUP TERMS & CONDITION [end] --------------------------- */

/* --------------------------- POPUP NAV [start] --------------------------- */

#popnav {width: 100%;position: static;z-index: 1;left: 0;background: #fff; padding-bottom: 4em; float: left; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#popnav .nav {width: 100%;float: left;}
#popnav .nav li {width: 100%;float: left;display: list-item;}
#popnav .nav li a {
	display: block;
	width: 100%;
	padding: 1.5em 0em;
	font-family: neobold;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #707070;
	border-bottom: 1px solid #eeeeee;
	text-align: left;
	text-decoration: none;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}
#popnav .nav li:first-child a {border-top: 1px solid #eeeeee;}
#popnav .nav li a i {width: 1.2em;text-align: center;margin-right: .5em;}
#popnav .nav li a:hover, #popnav .nav li a.active {color: #00aeef;border-bottom: 1px solid #00aeef;}
#popnav .footer {width: 100%;float: left;margin-top: 2em;}

@media (min-width:820px) {#popnav {width: 20%;position: fixed; padding-bottom: 0px; float: none;}}

/* --------------------------- POPUP NAV [end] --------------------------- */

/* --------------------------- POPUP BODY [start] --------------------------- */

.pop-body {width: 100%;float: left;}
.pop-body  .pop-title {width: 100%;float: left;font-family: neobold;font-size: 2.4em;line-height: 1em;text-transform: uppercase;padding: 0.9em 0em;color: #00aeef;border-top: 1px solid #eeeeee;}
.pop-body  .pop-subtitle {width: 100%;float: left;font-family: neobold;font-size: 1.6em;text-transform: uppercase;color: #324260;padding: 1.2em 0em;border-top: 1px solid #eeeeee;}

.pop-body .pop-list {width: 100%;float: left;}
.pop-body .pop-list li {width: 100%;float: left;display: inline;padding-right: 0em;margin-bottom: 2em;}
.pop-body .pop-list li .box {width: 100%;float: left;}
.pop-body .pop-list li .box .thumb {width: 100%;border: 1px solid #eee;border-radius: 3px;overflow: hidden;line-height: 0em;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.pop-body .pop-list li .box .thumb:hover {border: 2px solid #00adee;}
.pop-body .pop-list li .box .thumb img {width: 100%;}
.pop-body .pop-list li .box .title {width: 100%;float: left;font-size: 1.2em;line-height: 1em;font-family: neobold;padding: 1.2em 0em 1em 0em;text-transform: uppercase;color: #00aeef;}
.pop-body .pop-list li .box .description {width: 100%;float: left;font-size: 1.2em;line-height: 1.1em;font-family: neoreg;min-height: 3em;overflow: hidden;}
.pop-body .pop-list li .box .description .intro {width: 100%;float: left;margin-bottom: .5em;}
.pop-body .pop-list li .box .description li {width: 100% !important;float: left;display: list-item;padding: .2em 0em;margin: 0em;}
.pop-body .pop-list li .box .description li.list-spacer {display: block;}

.pop-body .pop-icon {width: 100%;float: left;margin-bottom: 3.5em;}
.pop-body .pop-icon li {width: 8em; height: 11em; float: left;display: inline;margin-right: 1em;}
.pop-body .pop-icon li:last-child {margin-right: 0em;}
.pop-body .pop-icon li .box {width: 100%;float: left;text-align: center;}
.pop-body .pop-icon li .box .icon {width: 2.6em;height: 2.6em;line-height: 2.6em;text-align: center;display: inline-block;border: 1px solid #eaeaea;border-radius: 100%;font-size: 2em;color: #999;}
.pop-body .pop-icon li .box .title {width: 100%;float: left;font-family: neobold;font-size: 1em;text-transform: uppercase;margin-top: 1em;color: #666;}

.pop-body .pop-options {width: 100%;float: left;}
.pop-body .pop-options li {float: left;display: inline;}
.pop-body .pop-options ul.col2 li {width: 100%;}
.pop-body .pop-options ul.col3 li {width: 100%;}
.pop-body .pop-options ul li .box {width: 100%;float: left;padding: 2.5em;}
.pop-body .pop-options ul li.box1 .box {background: #00aeef;}
.pop-body .pop-options ul li.box2 .box {background: #006aef;}
.pop-body .pop-options ul li.box3 .box {background: #324260;}
.pop-body .pop-options ul li .box .title {width: 100%;float: left;font-family: neobold;text-transform: uppercase;color: #fff;font-size: 1.3em;line-height: 1em;text-align: center;padding-bottom:1em;}
.pop-body .pop-options ul li .box .description {width: 100%;float: left;font-family: neoreg;color: #fff;font-size: 1.1em;line-height: 1em;}
.pop-body .pop-options ul li .box .description .heading {width: 100%;float: left;margin-bottom: 1em;line-height: 1.2em;font-size: 1.1em;}
.pop-body .pop-options ul li .box .description .list {width: 100%;float: left;}
.pop-body .pop-options ul li .box .description .list li {width: 100%;float: left;display: list-item;padding: .3em 0em;}
.pop-body .pop-options ul li .box .description .list li ul li {width: 100%;float: left;padding: .2em 0em .2em 1.2em;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8;}
.pop-body .pop-options ul li .box .description .list li ul li:first-child {margin-top: .5em;}
.pop-body .pop-footer {width: 100%;float: left;margin-top: 3.5em;}

@media (min-width:400px) {.pop-body .pop-list li {width: 50%;float: left;display: inline;padding-right: 2em;}}
@media (min-width:600px) {
.pop-body .pop-list li {width: calc(33% + 2px);}
.pop-body .pop-options ul.col2 li {width: 50%;}
.pop-body .pop-options ul.col3 li {width: calc(33% + 2px);}
}

/* --------------------------- POPUP BODY [end] --------------------------- */

/* --------------------------- POPUP CATEGORY [start] --------------------------- */

.pop-category {width: 100%;float: left;}
.pop-category#pad40 {padding: 0em 4em;}
.pop-category li {float: left;display: inline;margin-left: -1px;border-right: 0px; margin-bottom: 3em;}
.pop-category li:last-child {border-right: 0px;}
.pop-category ul.col1 li {width: 70% !important;}
.pop-category ul.col2 li {width: 100%;}
.pop-category ul.col3 li {width: 100%;}
.pop-category ul.col4 li {width: 100%;}
.pop-category li .box {width: 100%;float: left;}
.pop-category li .box .thumb {width: 100%;float: left;line-height: 0em;background: #fff;border: 1px solid #fff;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.pop-category li .box .thumb img {width: 100% !important;line-height: 0em;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.pop-category li:hover .box .thumb {border: 7px solid #00adee;margin-bottom: -.3em;margin-top: -.3em;position: relative;z-index: 1;cursor: pointer;}
.pop-category li:hover .box .thumb img {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1.0;}
.pop-category li .box .title {width: 100%;float: left;padding: 1.8em 0em 1.4em 0em;font-size: 1.3em;line-height: 1em;text-transform: uppercase;color: #324260;font-family: neobold;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.pop-category li .box .description {width: 100%;min-height: 5em;float: left;font-family: neoreg;font-size: 1.2em;line-height: 1em;padding: 0em 2em;color: #838383;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.pop-category li:hover .box .title {color: #00aeef;}
.pop-category li:hover .box .description {color: #575757;}
.pop-category li .box .footer {width: 100%;float: left;margin-top: 2em; display: none;}

@media (min-width:400px) {

.pop-category ul.col2 li {width: 50%;}
.pop-category ul.col3 li {width: 50%;}
.pop-category ul.col4 li {width: 50%;}

}

@media (min-width:600px) {

.pop-category ul.col2 li {width: 50%;}
.pop-category ul.col3 li {width: calc(33% + 2px);}
.pop-category ul.col4 li {width: 25%;}
.pop-category li {border-right: 1px solid #dcdcdc;}
.pop-category li .box .footer {display: block;}

}

/* --------------------------- POPUP CATEGORY [end] --------------------------- */

/* --------------------------- POPUP eWASTE [start] --------------------------- */

#popEwaste {width: 100%;float: left;padding: 0em 0em;}
#popEwaste .banner {width: 100%;float: left;margin-bottom: 2em;}
#popEwaste .banner img {width: 100%;height: auto;line-height: 0px;float: left;}
#popEwaste .intro {width: 100%;float: left;font-family: neoreg;font-size: 1.2em;line-height: 1.2em;color: #515151;}
#popEwaste .buytitle {width: 100%;float: left;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 1.2em 0em;font-family: neobold;font-size: 1.6em;text-transform: uppercase;margin: 1.2em 0em;color: #324260;}
#popEwaste .buysection {width: 100%;float: left;}
#popEwaste .buysection li {width: 100%;float: left;display: inline;border-right: 0px;border-bottom: 1px solid #dcdcdc;padding: 2.5em 0em;}
#popEwaste .buysection li:last-child {border-right: 0px; border-bottom: 0px;}
#popEwaste .buysection li .sectionlist {width: 100%;float: left;}
#popEwaste .buysection li .sectionlist .title {width: 100%;float: left;font-family: neobold;font-size: 1.2em;text-transform: uppercase;margin-bottom: 1em;color: #323232;}
#popEwaste .buysection li .sectionlist .list {width: 100%;float: left;text-align: center;}
#popEwaste .buysection li .sectionlist .list li {width: 50%;float: left;display: inline;border-right: 0px;border-bottom: 0px;padding: 1.2em;}
#popEwaste .buysection li .sectionlist .list li .box {width: 100%;float: left;}
#popEwaste .buysection li .sectionlist .list li .box .thumb {width: 100%;height: 10em;border: 1px solid #dcdcdc;border-radius: 3px;overflow: hidden;}
#popEwaste .buysection li .sectionlist .list li .box .thumb img {width: 120%;line-height: 0px;}
#popEwaste .buysection li .sectionlist .list li .box .title {width: 100%;float: left;font-family: neoreg;font-size: 1em;text-transform: uppercase;margin-top: 1em;color: #595959;}
#popEwaste .footer {width: 100%;float: left;margin-top: 2em;}

@media (min-width:400px) {#popEwaste .buysection li .sectionlist .list li {width: calc(33% + 1px);}}
@media (min-width:600px) {
#popEwaste {padding: 0em 4em;}
#popEwaste .buysection li {width: 50%;border-right: 1px solid #dcdcdc; border-bottom: 0px; padding: 2em;}
#popEwaste .buysection li .sectionlist .list li {width: 50%;}
}
@media (min-width:800px) {#popEwaste .buysection li .sectionlist .list li {width: calc(33% + 1px);}}

/* --------------------------- POPUP eWASTE [end] --------------------------- */

/* --------------------------- POPUP MAIL [start] --------------------------- */

#popmail {width: 100%;max-width: 70em;margin: 0 auto;padding-right: 0em;}
#popmail .mailheader {width: 100%;float: left;font-family: neoreg;font-size: 1.4em;line-height: 1.2em;text-align: center;padding: 1.2em 0em;}
#popmail .violator {width: 100%;float: left;padding: 1em;background: #00aeef;border-radius: 2px;border:1px solid #009cd6;font-family: neoreg;font-size: 1em;color: #fff;text-transform: uppercase;}
#popmail .violator i {color: #f6e552;}

/* Mail Result [start]*/

#popmail .resulticon {font-size: 14em;color: #00aeef;text-align: center;float: left;width: 100%;padding: .1em 0em; margin-top: -.3em;}
#popmail .popfooter {width: 100%;float: left;margin-top: 3.5em;}
#popmail .resulticon#success {color: #00aeef;}
#popmail .resulticon#failed {color: #f55151;}
#popmail .resultmsg {width: 100%;float: left;font-family: neobold;font-size: 1.4em;line-height: 1.2em;text-align: center;padding: 1.2em 0em;}
#popmail .resultmsg#success {color: #00aeef;}
#popmail .resultmsg#failed {color: #f55151;}
#popmail .resultsubmsg {font-family: neoreg; font-size: 1.2em; line-height: 1.2em; width: 100%;}

/* Mail Result [end]*/

/*For Layout Template [start]*/

.form-layout {width: 100%;float: left;}
.form-layout li {width: 100%;float: left;display: list-item;padding: .5em 0em;}
.form-layout li ul li {width: 100%;float: left;display: inline;padding: 0em 0em;}
.form-layout li ul li:first-child {padding-left: 0em;}
.form-layout li ul li:last-child {padding-right: 0em;}
.form-layout li ul li.mail-topicselect {margin-top: 2em;}
.form-layout .footer {width: 100%;float: left;margin-top: 2em;}

@media (min-width:400px) {

	.form-layout li ul li {width: 50%;float: left;display: inline;padding: 0em 1em;}
	.form-layout li ul li.mail-topicselect {margin-top: 0em;}
}

form li label.error {width:100%;color:#ff5858;font-size:.9em;margin-top:.5em;margin-bottom:.8em;float:left;border:none !important;text-align:left;font-family:neoreg !important;text-transform:uppercase;}
form li .error {border-bottom:1px solid #ff5858 !important;}

/*Form Layout Template [end]*/

/* --------------------------- POPUP MAIL [end] --------------------------- */

/* --------------------------- POPUP NEWS [start] --------------------------- */

#popnews {width: 100%;max-width: 70em;margin: 0 auto;padding-right: 0em;}

#popnews .banner {width: 100%;float: left;}
#popnews .banner img {width: 100%;float: left;}

#popnews .header {width: 100%;float: left;border-bottom: 1px solid #00aeef;padding: 1.5em 0em;font-family: neobold;font-size: 1.4em;color: #324260;}
#popnews .list {width: 100%;float: left;}
#popnews .list li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #e0e0e0;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#popnews .list li:hover {border-bottom: 1px solid #00aeef;background: #eef8fb;}
#popnews .list li .listbox {width: 100%;float: left;padding: 2em 2em;}
#popnews .list li .listbox .icon {width: auto;float: left;text-align: left;font-size: 2.4em;color:  #324260;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#popnews .list li:hover .listbox .icon  {color: #00aeef;}
#popnews .list li .listbox .info {width: calc(100% - 2.4em);padding-left: 2em;float: right;text-align: left;}
#popnews .list li .listbox .info .title {width: 100%;float: left;font-size: 1.3em;font-family: neobold;text-transform: uppercase;color: #00aeef;margin-top: .2em;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#popnews .list li:hover .listbox .info .title {color: #324260;}
#popnews .list li .listbox .info .date {width: 100%;float: left;font-family: neoreg;font-size: .9em;text-transform: uppercase;margin-top: .5em;color: #a3a3a3;}
#popnews .list li .listbox .info .date span {color: #324260;}
#popnews .list li .listbox .info .details {width: 100%;float: left;padding-top: 1em;font-size: 1.2em;line-height: 1.2em;font-family: neoreg;}

#popnews .view {width: 100%;float: left;}
#popnews .view .header {width: 100%;float: left;border-bottom: 1px solid #00aeef;padding: 2em 0em;text-align: center;}
#popnews .view .header .icon {width: 100%;float: left;color: #324260;font-size: 5em;}
#popnews .view .header .title {width: 100%;font-family: neobold;font-size: 1.3em;line-height: 1.3em;color: #00aeef;text-transform: uppercase;margin: 1em 0em .2em 0em;float: left;}
#popnews .view .header .date {width: 100%;float: left;font-family: neoreg;font-size: .8em;text-transform: uppercase;color: #a3a3a3;}
#popnews .view .header .date span {color: #324260;}
#popnews .view .details {width: 100%;float: left;padding: 1.5em 0em;font-size: 1.2em;line-height: 1.2em;text-align: left;}
#popnews .view .footer {width: 100%;float: left; margin-top: 1em;}

/* --------------------------- POPUP NEWS [end] --------------------------- */