@charset "utf-8";
@import url('ecommerce.css');
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway:700,800,500,900,300,400);

body, html {height:100%;}
body.movable {position:relative;}
body {line-height:21px;font-family:normal 13px 'Raleway', Arial, Helvetica, sans-serif;line-height:20px;word-wrap: break-word;}
img {max-width:100%;height:auto;}
a {text-decoration:none;outline:none !important;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-ms-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;transition: all 250ms ease-in-out;}

/*.container {max-width:1220px;}*/

#top {padding:5px 3px;position:fixed;bottom:20px;right:20px;display:none;cursor:pointer;z-index:10;}
#top img {height:50px;width:50px;}

#main {background:#fff;padding:10px 0px;}
#main img {width:250px;}
	.iso {padding-top:5px;}
	.iso img {width:120px !important;}
.top-contact {text-align:right;padding-top:40px;}
.top-contact h1 {color:#e00024;font:900 55px 'Raleway';padding:0;text-transform:uppercase;margin:0;}
.top-contact p {font:500 15px 'Raleway';color:#333;}

.search-icon {padding:30px 0;text-align:right;}
.search-icon span {color:#fff;font-size:20px;}
.search-icon span:hover {cursor:pointer;}
.searchform {width:30%;float:right;}
.searchbar {background:#13075c;padding:12px 0;display:none;}

.navi {background:#2505e6;}
#navigation-wrapper {background:#2505e6;width: 100%;}
	#navigation-wrapper > ul {margin:0;padding:0;}
	#navigation-wrapper > ul > li {list-style:none;text-align:left;display:inline-block;vertical-align:middle; position:relative;}
	#navigation-wrapper > ul > li:first-child {border-left: none;}
	#navigation-wrapper > ul > li > a {display:block;text-decoration:none;text-transform:uppercase;color:#fff;padding:30px 10px 20px 10px;font:700 19px 'Raleway';border-bottom:solid 12px #2505e6;}
	#navigation-wrapper > ul > li > a:hover, #navigation-wrapper > ul > li > a.active {border-bottom:solid 12px #e00024;}

	#navigation-wrapper ul ul {display:none;padding:0;position:absolute;background:#f0f0f0;z-index:9;}
	#navigation-wrapper ul ul li {list-style:none;text-align:left;padding:5px 10px;float:left;position:relative;border:0;width:15em;}
	#navigation-wrapper ul ul li a {text-decoration:none;color:#000;}
	#navigation-wrapper ul ul li:hover a {color:#fff;}
	#navigation-wrapper ul ul li:hover {background:#000}

	#navigation-wrapper ul ul ul {position:absolute;left:15em;top:0;}



/*dear programmer pakicopya nalang itong side navigation sa library.css*/
#sideNavigation {-webkit-box-shadow:3px 0 10px 0 rgba(0,0,0,.3);box-shadow: 3px 0 10px 0 rgba(0,0,0,.3);position:fixed; left:-220px; z-index:500; background:#fff; height:100%; width:220px; overflow:auto;}
	#sideNavigation.right {left:auto; right:-220px;}
	#sideNavigation ul {margin:0; padding:0; background:#fff;}
	#sideNavigation li {list-style:none; position:relative;}
	#sideNavigation a {text-transform:capitalize;display:block;font:500 17px 'Raleway';color:#111;padding:1em 2em 1em 1em; font-size:15px;}
	#sideNavigation li:first-child a {border-top:0;}
	#sideNavigation li:last-child a {border-bottom:0;}
	#sideNavigation ul li a:hover, #sideNavigation ul li a.active {color:#fff; text-decoration:none;background:#2505e6;}
	#sideNavigation ul ul {display:none;}
	#sideNavigation li span {position:absolute; right:.5em; top:1.3em;}
	.sideNavTrigger {font-size:26px; width:40px; color:#2505e6;display:none;z-index:9999;position:relative;}
	.sideNavTrigger:hover, .sideNavTrigger:focus {color:#2505e6;}
	.sideNavTrigger span {border:1px solid #2505e6; padding:.2em .3em;}
	body.movable {position:relative;}
	body.moved {left:220px;}
	body.moved.right {left:auto; right:220px;}
	#sideNavigation.right.moved {left:auto; right:0;top:0;}
	#sideNavigation.moved {left:0;}
	#sideNavigation .logo a {padding:.5em; border:none;}

/*#banner {margin-bottom:100px;}*/
	.camera_caption > div {background:rgba(2,2,122,.75);display: block;padding:20px;position:absolute;text-align:left;bottom: 52px;width:650px;z-index: 0;left:15%;text-transform:uppercase;}
	.camera_caption {font:900 55px 'Raleway';color:#fff;}
	.camera_caption p {font:300 15px 'Raleway';color:#fff;text-transform:none;}

/*.box-wrapper {padding-top:250px;}*/
	.box-content {margin:25px 0px 0px 0px;position:relative;}
	.box-content img {width:100%;}
		.box-caption {padding:20px;position:absolute;bottom:0;left:0;right:0;top:0;background:/background: -moz-linear-gradient(left,  rgba(2,2,122,1) 0%, rgba(125,185,232,0) 100%);background: -webkit-linear-gradient(left,  rgba(2,2,122,1) 0%,rgba(125,185,232,0) 100%);background: linear-gradient(to right,  rgba(2,2,122,1) 0%,rgba(125,185,232,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2505e6', endColorstr='#007db9e8',GradientType=1 );-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
			.box-caption h1 {color:#fff;font:900 42px 'Raleway';margin:0;padding:20px 0 0 0;}
			.box-caption p {color:#fff;font:300 15px 'Raleway';margin:0;padding:0;}
			.box-caption span {padding:13px 22px;background:#e00024;font-size:25px;color:#fff;position:absolute;right:15px;bottom:15px;}
				.box-caption:hover {background:background: -moz-linear-gradient(left,  rgba(255,66,0,1) 0%, rgba(125,185,232,0) 100%);background: -webkit-linear-gradient(left,  rgba(255,66,0,1) 0%,rgba(125,185,232,0) 100%);background: linear-gradient(to right,  rgba(255,66,0,1) 0%,rgba(125,185,232,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00024', endColorstr='#007db9e8',GradientType=1 );}
				.box-caption:hover span {background:#2505e6;}

				.welcome-wrapper {padding:0 15px 35px 0px;}
				.welcome-wrapper h1 {color:#e00024;font:300 55px 'Raleway';padding:0;text-transform:uppercase;}
				.welcome-content p {font:300 15px 'Raleway';color:#333;line-height:25px;text-align:justify;}
				.welcome-btn {margin-top:25px;}
				.welcome-btn a {background:#2505e6;color:#fff;text-decoration:none;font:500 20px 'Raleway';padding:15px;}
				.welcome-btn a:hover {background:#e00024;}

.tagline-wrapper {background: url(../images/misc/tag-bg.jpg);background-size:cover;}
.tagline-wrapper2 {background:#2505e6;padding:3em 0;}
	.tagline-content {background:rgba(2,2,122,0.5);margin:30px 0px;padding:20px 20px 40px 20px;}
		.tagline-content h1 {color:#fff;font:300 45px 'Raleway';padding:0;text-transform:uppercase;margin:0;}
		.tagline2-content h1 {color:#fff;font:900 55px 'Raleway';padding:0;text-transform:uppercase;margin:0 0 12px 0;}
		.tagline-content h1 span {font:900 80px 'Raleway';}
		.tagline-content p {color:#fff;font:300 15px 'Raleway';padding:0;margin:0;line-height:30px;}
			.tagline-btn {text-align:right;}
				.tagline-btn a {text-decoration:none;font-size:30px;color:#fff;border:solid 3px #fff;padding:10px 23px;}
				.tagline-btn a:hover {background:#e00024;border-color:#e00024;}

.product-wrapper {padding:50px 0px;}
	.product-wrapper h1 {color:#e00024;font:900 55px 'Raleway';padding:0;text-transform:uppercase;margin:0;}
	.product-list {margin-top:30px;}
	.product-list ul {margin:0;padding:0;}
	.product-list li {list-style:none;padding:0px 0px;border-bottom:dotted 1px #2505e6;}
	.product-list li:last-child {border:none;}
	.product-list span {padding-right:10px;}
	.product-list a {padding:15px 0px 15px 15px;font:400 18px 'Raleway';display:block;text-decoration:none;color:#2505e6;}
	.product-list a:hover {background:#2505e6;color:#fff;}

.offer-wrapper {padding:0 15px 35px 0px;}
		.offer-wrapper h1 {color:#e00024;font:300 55px 'Raleway';padding:0;text-transform:uppercase;}
		.offer-content p {font:300 15px 'Raleway';color:#333;line-height:25px;text-align:justify;}
		.offer-btn {margin-top:25px;}
		.offer-btn a {background:#2505e6;color:#fff;text-decoration:none;font:500 20px 'Raleway';padding:15px;}
		.offer-btn a:hover {background:#e00024;}

.product-category img.sub-banner {width:100%;padding-top:2em;}
.product-category h1 {color:#e00024;font:500 25px 'Raleway';padding:0;margin:0 0 15px 0;text-transform:capitalize;}
.product-category h2 {color:#e00024;font:500 15px 'Raleway';padding:0;margin:0 0 15px 0;text-transform:capitalize;}
.product-category p {color:#222;font:300 14px 'Raleway';padding:0;margin:0;}
.product-category-list ul {margin:15px 0;padding:0 0 0 10px;border-left:solid 2px #222;}
.product-category-list li {list-style:none;}
.product-category-list span {margin-right:5px;}
.product-category-list li a {color:#222;font:500 12px 'Raleway';padding:0;margin:0;text-decoration:none;}
.product-category-list a:hover {color:#e00024;}

.product-img, .product-category-list, .prod-desc {margin:15px 0;}

.video-content {margin-bottom:15px;}
.video-content img {margin-bottom:15px;}

.quicklinks h1 {color:#e00024;font:500 25px 'Raleway';padding:0;margin:15px 0 15px 0;text-transform:capitalize;}
.quicklinks li {list-style-image: url(../images/misc/bullet.png);}
.quicklinks a {color:#2505e6;font:500 13px 'Raleway';padding:0;margin:15px 0;display:block;}
.quicklinks img, .featured-video img {margin-bottom:15px;}

.featured-video p {padding:0;margin:0 0 15px 0;}
.featured-video a {color:#e00024;font:500 13px 'Raleway';padding:0;margin:0 10px 0 0;text-transform:capitalize;}

.item-name h1 {margin:15px 0;}
.item-desc {margin-bottom:15px;}

.about-wrapper {background:#fff;}
	.about-content h2 {text-transform:capitalize;padding:0;}

.footer-wrapper {background:#2505e6;padding:50px 0px;}
	.footer-contact {padding-bottom:25px;}
	.footer-contact h1 {color:#e00024;font:900 55px 'Raleway';padding:0;text-transform:uppercase;margin:0;}
	.footer-contact p.company-name {font:700 18px 'Raleway';color:#fff;text-transform:uppercase;margin-top:35px;}
	.footer-contact p {font:500 15px 'Raleway';color:#fff;}
	.footer-contact span {color:#e00024;text-transform:uppercase;}

#items-wrapper {background:#fff;padding:2em 0 3em 0;}
#items-wrapper h1 {font:700 30px "Raleway";color:#2505e6;text-transform:capitalize;}
	.sidenav ul {margin:0 0 0 12px;padding:0;}
	.sidenav li {list-style:none;}
	.sidenav a {font:400 16px "Raleway";color:#2505e6;padding:10px;display:block;text-decoration:none;border-bottom:dashed 1px #999;}
	.sidenav a:hover, .sidenav a.active {background:#2505e6;color:#fff;}
		.sidead img {margin:15px 0;}

.item-content {margin-bottom:2em; height: 377px;}
.item-content img {width:auto;border:solid 1px #999;}
.item-content h2 a{font:700 18px "Raleway";color:#2505e6;text-transform:capitalize;padding:0;}
.item-content p.desc {font:400 12px "Raleway";color:#2505e6;padding:0;margin:0;}
.item-content p.norprice {font:700 13px "Raleway";color:#2505e6;padding:5px 8px;margin:5px 0;background:#eaa420;}
.item-content p.norprice span {float:right;}

.item-content p.memprice {font:700 13px "Raleway";color:#fff;padding:5px 8px 5px 20px;margin:5px 0;background:#b14233 url(../images/misc/star.png) top left no-repeat;}
.item-content p.memprice {display:none;}
.item-content p.memprice span {float:right;}

a.memlink {font:700 12px "Raleway";color:#fff;text-transform:capitalize;}

.buybtn {margin:8px 0;text-align:right;}
.buybtn a {font:700 11px 'Raleway';padding:5px 10px;background:#006cdb;color:#fff;text-decoration:none;text-transform:uppercase;}
.buybtn a:hover {background:#003c79;}

.sub-banner {padding-top:3em;}
.sub-banner img {width:100%;}

.head-details {background-color: #cccccc; padding: 2px;}

.form-loader {width:auto;}

.sort-by {float:right;}

@media only screen and (max-width:1366px) {

}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1200px) {

}

@media only screen and (max-width:1024px) {
	#navigation-wrapper {display:none;}
	.sideNavTrigger {display:block;}
	.popover {display:none !important;}
	.box-caption h1 {color:#fff;font:900 35px 'Raleway';margin:0;padding:0;}
	.box-caption p {display:none;}
	/*.box-wrapper {padding-top:50px;}*/
	.camera_caption > div {left:5%;width:400px;bottom:20px;}
	.camera_caption {font:900 25px 'Raleway';color:#fff;}
	.camera_caption p {font:300 15px 'Raleway';color:#fff;text-transform:none;}
	.sidenav {margin-bottom:2em;}
	#items-wrapper h1 {font-size:26px;}
	.sidenav a {font-size:13px;}
	.iso {width:125px;}
	.search-icon {padding:8px 0;}
	.item-content {text-align:center;}
	.item-content img {width:auto;}
}

@media only screen and (max-width:767px) {
	.box-caption h1 {font-size:25px;}
	.tagline-content h1, .tagline2-content h1 {font-size:25px;}
	.searchform {width:auto;}
	.tagline-content h1 span {font: 900 35px 'Raleway';}
	.product-wrapper h1, .offer-wrapper h1, .footer-contact h1 {font-size:35px;}
	.offer-btn a {font-size:12px;}
	.product-wrapper {padding:50px 0 0 0;}
	.tagline-btn a {padding:3px 12px;}
	.sort-by {float:none !important;}
	.middle {text-align:center !important;}
}

@media only screen and (max-width:640px) {
	/*.box-wrapper {padding-top:100px;}*/
}

@media only screen and (max-width:540px) {
	/*.box-wrapper {padding-top:100px;}*/
}

@media only screen and (max-width:480px) {
	.camera_caption > div {display:none;}
}

@media only screen and (max-width:360px) {
	.box-caption p {display:none;}
}

@media only screen and (max-width:240px) {

}

.privacy-notice {display:none;background:#222;padding:15px 0;}
.privacy-notice h1 {color:#fff;padding:0;margin:0;}
.privacy-notice p {color:#fff;padding:0;margin:0;}
.privacy-notice a {color:#fff;padding:0;margin:0;text-decoration:underline;}
.privacy-button {text-align:right;padding-top:10px;}
.privacy-button button {padding:6px 20px;}