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

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);


body {
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin: 0 auto;
	font-family: 'Lato', 'Open Sans';
	font-weight:300;
}

#container {
	height:100%;
	width:100%;
}

#header {
	background-color: #FFFFFF;
	color: #3b5998;
/*	border: 1px #000000 solid;*/
	height: 100px;
	margin-top: 10px;
	box-shadow: inset 7px 0px 10px -3px #999;
}

.logo {
	float:left;
	margin-top: 13px;
	margin-left: 30px;
/*	width: 20%;*/
	text-align:center;
}

.head {
	/*margin-top:10px;*/
	float:left;
	width:50%;
	text-align:center;
}

.search {
	float:right;
	margin-top:35px;
	width: 25%;
}

#side-panel {
	width: 220px;
	position:fixed;
	height:100%;
	background-color: #3888FF;
	left:0;
	top:0;
	z-index:9001;
}

#main-panel {
	margin-left: 220px;
/*	padding-top: 110px;*/
	resize: none;
    overflow:hidden;
/*	position:absolute;
	left:220px;*/
}

#navbar {
	background-color: #FFAC25;
	background-color: #1c77ff;
	background-color: #0065FC;
	background-color: #3888FF;
	text-decoration:none;
	height:100%;
	margin-bottom: 10px;
	font-size:16px;
}

#sub-navbar {
	background-color: rgba(0,0,0,0.7);
	text-decoration:none;
	height:30px;
	text-align: center;
	position: absolute;
	left:0px;
	margin-top:6px;
	border-top:1px #FFF solid;
}

#navbar li, #navbar li li {
	color: #FFF;
	width:0px;
	transition-property: all;
	transition-duration: 1s;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
}

#navbar ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

#navbar li:hover {
	background-color: #0065FC;
	width:100%;
}

.page {
	border-bottom:1px dashed #0065FC;
}

.current {
	background-color: #0065FC;
}

#navbar a {
	display:block;
	line-height: 3;
	padding: 0 30px;
	color: #EEE;
	width: 160px;
}

#navbar a img {
	margin: -5px 5px 0px 0px;
	vertical-align: middle;
	height:28px;
	width:28px;
	border:none;
}

a {
	text-decoration:none;
	color: #333;
	transition-property: color;
	transition-duration: 0.3s;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	-o-transition-property: color;
	
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}

a:hover {
	color: #FFF;
	cursor: pointer;
	position:
}

#slider {
	margin: 0 auto;
/*	width: 950px;*/
	width: 100%;
}

#main {
	color: #333333;
	margin:0 auto;
	display:block;
	overflow:auto;
}

#content {
	padding: 10px 10px 35px 10px;
	margin-top: 70px;
}

#contact {
	margin: 10px 0px 5px 10px;
	overflow:hidden;
}

#contact h3 {
	color: #333;
}

#contact .g-map {
	margin-right: 30px;
}

/* Feedback - STR */
.feedback {
/*	padding: 0 20px;
	background: rgb(0, 67, 153);
	color: #FFF;
	box-shadow: 0px 0px 20px #333;*/
	margin-top: 30px;
}

.feedback input:focus , .feedback textarea:focus {
	outline: none;
}

.feedback input {
	padding: 5px 7px;
	border: 1px solid #CCC;
	box-shadow: inset 0px 0px 3px #666;
	border-radius: 3px;
}

.feedback textarea {
	resize:none;
	padding: 5px 7px;
	border: 1px solid #CCC;
	box-shadow: inset 0px 0px 3px #666;
	border-radius: 3px;
    overflow:auto;
}

/* Feedback - END */

/* Home - STR */
#home {
	margin-bottom:10px;
}

#home .data {
	margin:10px;
	padding:5px 10px;
}

#home .linker {
	width:95%;
	margin:20px auto;
}

#home .linker .hyp-link {
	background-color:#3888FF;
	width:200px;
	height:150px;
	box-shadow:0px 0px 10px #999;
	padding: 5px 10px;
	text-align:left;
}

#home .linker .hyp-link .hyp-title {
	font-size:32px;
	color:#FFF;
}

#home .linker .hyp-link .hyp-info {
	color:#EEE;
}

#home .linker .hyp-link .hyp-button {
	margin-top: 60px;
	margin-left: 120px;
}

#home .linker .hyp-link .hyp-btn {
	background-color:#EEE;
	padding:4px 20px;
	text-align:center;
	transition-property: background-color;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-ms-tranistion-property: background-color;
	
	transition-duration:300ms;
	-webkit-transition-duration:300ms;
	-moz-transition-duration:300ms;
	-o-transition-duration:300ms;
	-ms-transition-duration:300ms;
}

#home .linker .hyp-link .hyp-btn:hover {
	background-color: #0065FC;
}

.bnr-r {
	border-top-right-radius:500px;
	border-bottom-left-radius:500px;
	transition-property:border-top-right-radius, border-bottom-left-radius;
	-webkit-transition-property:border-top-right-radius, border-bottom-left-radius;
	-moz-transition-property:border-top-right-radius, border-bottom-left-radius;
	-o-transition-property:border-top-right-radius, border-bottom-left-radius;
	-ms-transition-property:border-top-right-radius, border-bottom-left-radius;
	
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

.bnr-r:hover {
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
}

.bnr-l {
	border-top-left-radius:500px;
	border-bottom-right-radius:500px;
	transition-property:border-top-left-radius, border-bottom-right-radius;
	-webkit-transition-property:border-top-left-radius, border-bottom-right-radius;
	-moz-transition-property:border-top-left-radius, border-bottom-right-radius;
	-o-transition-property:border-top-left-radius, border-bottom-right-radius;
	-ms-transition-property:border-top-left-radius, border-bottom-right-radius;
	
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

.bnr-l:hover {
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

#home .banner {
	margin:0 auto;
	width:100%;
}

#home .banner img {
	width: 200px;
	height: 150px;
	border: 1px dashed #000;
/*	float:left;*/
	margin:10px;
}
/* Home - END */

/* Products - STR */
#products {
	margin: 20px 0px 10px 20px;
}

#products .p-title {
	font-size: 28px;
	color: #0065FC;
	padding: 0px 4px;
	border-radius: 3px;
	-ms-border-radis: 3px;
/*	box-shadow: 0px 0px 10px;*/
	text-align: center;
	float: left;
	border: 1px solid #0065FC;
}

.p-box table td {
	 width:400px;
}

.p-box table div {
	background-color: #90BCFF;
	border:1px solid #FFF;
	border-radius: 3px;
	padding: 0px 10px;
	font-size:18px;
}

.data {
	z-index:1002;
	transition-duration: 0.5s;
	transition-property: margin-top;
	-ms-transition-duration: 0.5s;
	-ms-transition-property: margin-top;
}

#products .marquee {
	position: fixed;
	right: 10px;
	top: 50px;
	bottom: 10px;
	z-index: -1;
}

.marquee img {
	width: 220px;
}
/*
.marquee .marq-img {
	-webkit-animation-name: SlideUp;
	-webkit-animation-duration:20s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes SlideUp {
	0% {
		-webkit-transform: translateY(700px);
	}
	
	100% {
		-webkit-transform: translateY(-600px);
	}
}
*/
/* Products - END */

/* About - STR */
#about {
	overflow:hidden;
}

#about .q {
	width:100%;
	box-shadow: 0px 0px 10px #666;
	text-align:center;
	background-color: #3888FF;
	color: #FFF;
	line-height: 70px;
}

#about .q div {
	font-size:34px;
}

#about .cats {
/*	border:1px solid #6798FF;*/
/*	border-collapse:collapse;*/
}

#about .cats td {
	background-color: #3888FF;
	padding: 3px 5px;
	color: #EEE;
	box-shadow:0px 0px 10px #666;
	width: 33%;
	white-space: nowrap;
}

/* About - END */

#footer {
/*	background-color: #333;*/
	line-height:30px;
	margin: 10px auto;
	clear:both;
	position:fixed;
	bottom:0px;
	left:0px;
	color:#AAA;
	width: 100%;
	margin:0 auto;
}

#footer a {
	color: #797979;
}

#footer a:hover {
	color: #EEE;
}

.sub-ft {
/*	width: 95%;*/
/*	margin: 0px 0px 0px 220px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
	padding: 0px 20px 0px 10px;
	font-size:12px;
	background-color: #666;
	background-color: rgba(0,0,0,0.7);
}

.sub-ft div {
	line-height:30px;
}

.btn {
	background: #3888FF;
	color: #FFF;
	border:0px;
	cursor: pointer;
	padding: 3px 8px;
	border:none !important;
	border-radius:3px;
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property:all;
	
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

.btn:hover {
	background: #0065FC;
}

.activated {
	color: #3CF;
	font-weight: bold;
/*	border-bottom: 2px #33CCFF solid;*/
	padding-bottom: 2px;
}

hr {
	border-color: #3b5998;
}

.header {
	/*background: rgba(0,0,0,0.5);*/
	background-image: linear-gradient(top, #000 0%, #222 100%);
	background-image: -webkit-linear-gradient(top, #1d1d1d 0%,#111 100%);
}

.flt-l {
	float:left;
}

.flt-r {
	float:right;
}

.clr-b {
	clear:both;
}

.clr-l {
	clear: left;
}

.clr-r {
	clear:right;
}

.cen-b {
/*	width: 950px;*/
/*	width: 95%;*/
	width: 100%;
	/*margin: 0 auto;*/
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	font-weight:400;
}

h1, h2 {
	font-weight:300;
}

h3, h4 {
	font-weight:400;
}

h5, h6 {
	font-weight:700;
}

strong {
	font-size: 12px;
}

#email td {
	width:350px;
}

#email .email {
	color: #444;
	/*margin-left:30px;*/
}

#email .email:hover {
	color: #000;
}

.indt {
	margin-left: 30px;
}

conhead {
	font-weight:400;
	color:#3888FF;
}

.fade-in {
	top:0px;
	left:220px;
	height:100px;
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0) 100%);
	width:100%;
	position:fixed;
	z-index:1001
}

.title {
	opacity:0;
	font-size: 40px;
	font-weight: 300;
	margin: 10px auto;
	color: #0065FC;
}

.sorting {
	background-color: #3888FF;
	padding:2px 6px;
	border-radius:5px;
	text-transform: uppercase;
}

.cur-tab {
	background-color: #0065FC;
	color:#FFF;
}