@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*
----------------------------------
        Name: styles.css
        Version: 1.0.0
----------------------------------
        Table of Contents
        #Reset
        #Typography
        #Base
		#Button
		#Header
		#Content Area
		#Media Query
*/

/*----------#Reset----------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
@-ms-viewport {
 width: device-width;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #737373;
	background: #fff;
}
a {
	color: #fff600;
	text-decoration: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
a:focus {
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
section {
}
article {
}
nav {
	padding: 0px;
}
nav a {
	color: #000;
}
header {
	background: #000;
}
.headerdiv {
	background: #000;
}
footer {
	background: #333;
	color: #999;
}
footer a {
	color: #999;
}
footer a:hover {
	color: #f26722;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
ul, ul li {
	list-style: none;
}
b, strong {
	font-weight: bold;
}
pre {
	overflow: auto;
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
mark {
	background-color: #ff9;
	color: #333;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ins {
	background-color: #ff9;
	color: #333;
	text-decoration: none;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/*----------#Typography----------*/
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	text-transform: uppercase;
}
h1 {
	/*font-family: "caecilialtstd-bold";*/
	font-family: "dinengschrift";
	font-size: 54px;
	font-size: 50px;
	margin-top: 28px;
	margin-bottom: 28px;
	font-weight: normal;
	color: #fff;
}
h1 span {
	color: #333;
}
h1 small {
	color: #ccc;
}
h2 {
	font-family: "dinengschrift";
	font-size: 47px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #fff600;
}
h2 span {
	color: #333;
}
h2 small {
	color: #333;
	font-size: 14px;
}
/*h3 footer 30px*/
/*h3 slide 35px #b4d6f1*/
h3 {
	font-family: "dinengschrift";
	font-size: 25px;
	margin-bottom: 25px;
	font-weight: normal;
	color: #000;
}
h3 span {
	color: #fff;
}
h3 small {
	color: #333;
	font-size: 14px;
}
h4 {
	font-family: "dinengschrift";
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #000;
}
h4 span {
	color: #fff;
}
h4 small {
	color: #333;
	font-size: 14px;
}
h5 {
	font-family: "dinengschrift";
	font-size: 18px;
	margin-bottom: 28px;
	font-weight: normal;
	color: #000;
}
h5 span {
	color: #fff;
}
h5 small {
	color: #333;
	font-size: 14px;
}
h6 {
	font-family: "dinengschrift";
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #000;
}
h6 span {
	color: #fff;
}
h6 small {
	color: #333;
	font-size: 14px;
}
p {
	margin-bottom: 10px;
	line-height: 20px;
}
p span {
	color: #fff600;
}
p small {
	color: #ccc;
	font-size: 10px;
}
/*----------#Form----------*/
input, textarea, select, button {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
fieldset {
	min-width: 0;
	border: 0;
}
legend {
	padding: 0;
	border: 0;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: normal;
}
input {
	line-height: normal;
}
textarea {
	overflow: auto;
	resize: none;
	width: 100%;
}
button {
	overflow: visible;
	border: none;
	outline: none;
}
input, select {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
button, select {
	text-transform: none;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}
select[multiple], select[size] {
	height: auto;
}
select {
	background: #FFF;
	padding: 8px 10px 9px 10px;
	color: #555;
	border: #e5e5e5 1px solid;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance: button;
	-ms-appearance: button;
	-o-appearance: button;
	cursor: pointer;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 padding: 0;
 border: 0;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"]	, textarea {
	width: 100%;
	margin-bottom: 25px;
	background: #FFF;
	padding: 20px 15px;
	font-size: 16px;
	color: #41474c;
	border: #ece630 1px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
}
input[type="button"], input[type="submit"] {
	padding: 15px 40px;
	background: #fff600;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background: #000;
	color: #FFF;
}
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="range"] {
	display: block;
	width: 100%;
}
input[type="file"] {
	display: block;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: none;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0px;
	margin-top: 1px \9;
	line-height: normal;
}

/*placeholder css*/
::-webkit-input-placeholder {
 color: #41474c;
 opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
 color: #41474c;
 opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #41474c;
 opacity:1;
}

:-ms-input-placeholder {
 color: #41474c;
 opacity:1;
}
/*----------#Base----------*/

/* clear */
.clr {
	clear: both;
}
/*bullet style*/
.bullet li {
	background: url(../images/bullet.png) 0px 6px no-repeat;
	padding-left: 15px;
}
/* align */
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-nowrap {
	white-space: nowrap;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
/* margin padding */
.margin-side-15 {
	margin: 0px 15px;
}
.margin-top-50 {
	margin-top: 50px;
}
/* image */
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.img-circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
/* border */
.border_left {
	border-left: #b6b6b6 1px solid;
}
.border_bottom {
	border-bottom: #ccc 1px solid;
}
/* zoomeffect */
.zoomeffect {
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.5s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.zoomeffect:hover {
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/*alert css*/
.alert {
	text-shadow: 0 1px 0 rgba(255,255,255,.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05)
}
.alert-success {
	background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
	background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
	background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #b2dba1;
}
.alert-info {
	background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);
	background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
	background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #9acfea;
}
.alert-warning {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
	background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
	background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #f5e79e;
}
.alert-danger {
	background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
	background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
	background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dca7a7;
}
/*button hover fade effect*/
.btn-default {
	background: #fff600;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	padding: 11px 25px;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn-default:hover {
	background: #000;
	color: #fff;
}
.btn-mid {
	background: #fff600;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	padding: 16px 30px;
	text-transform: uppercase;
	display: inline-block;
	border: #60676d 3px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn-mid:hover {
	background: #000;
	color: #fff;
	border: #000 3px solid;
}
.btn-black {
	background: #3a3a3a;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 11px 25px;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn-black:hover {
	background: #fff600;
	color: #000;
}
.btn-blue {
	background: #b4d6f1;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	padding: 13px 40px 9px 40px;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn-blue:hover {
	background: #fff;
	color: #000;
}
.btn-white {
	background: #fff;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	padding: 13px 40px 9px 40px;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn-white:hover {
	background: #b4d6f1;
	color: #000;
}
.btn-small {
	background: #fff600;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	padding: 8px 12px 4px 12px;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn-small:hover {
	background: #fff;
	color: #000;
}
.btn-yellow-sm {
	background: #fff600;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	padding: 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn-yellow-sm:hover {
	background: #fff600;
	color: #000;
}
.font-dine {
	font-family: "dinengschrift";
}
.font-dine-lg {
	font-family: "dinengschrift";
	font-weight: normal;
	margin-left: 0 !important;
}
/*tansform syntax*/
.transform {
	transform: none;
	transform: matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0);
	transform: translate(12px, 50%);
	transform: translateX(2em);
	transform: translateY(3in);
	transform: scale(2, 0.5);
	transform: scaleX(2);
	transform: scaleY(0.5);
	transform: rotate(0.5turn);
	transform: skewX(30deg);
	transform: skewY(1.07rad);
	transform: matrix3d(1.0, 2.0, 3.0, 4.0, 5.0, 6.0, 7.0, 8.0, 9.0, 10.0, 11.0, 12.0, 13.0, 14.0, 15.0, 16.0);
	transform: translate3d(12px, 50%, 3em);
	transform: translateZ(2px);
	transform: scale3d(2.5, 1.2, 0.3);
	transform: scaleZ(0.3);
	transform: rotate3d(1, 2.0, 3.0, 10deg);
	transform: rotateX(10deg);
	transform: rotateY(10deg);
	transform: rotateZ(10deg);
	transform: perspective(17px);
	transform: translateX(10px) rotate(10deg) translateY(5px);
}
/*----------#Content Area----------*/
.wrapper {
	width: 100%;
}
.container {
	width: 1275px;
	margin: 0 auto;
}
.header-top {
	background: #2f2f2f;
	padding: 10px 0px;
	color: #fff;
	font-size: 12px;
	border-bottom: #b2b2b2 1px solid;
	text-align: right;
}
.toplinfo {
	display: inline-block;
	margin: 8px 25px 0px 0px;
}
.toplinfo a {
	color: #fff;
}
.toplinfo a:hover {
	color: #fff600;
}
.toplinfo span {
	color: #fff600;
}
.logo {
	width: 26%;
	float: left;
	padding: 30px 0px;
}
/*social icn small*/
.social {
	width: auto;
	margin: 5px 0px 12px 0px;
}
.social a {
	width: 17px;
	height: 17px;
	margin: 0px 4px;
	display: inline-block;
	background: url(../images/social.png) no-repeat 0px 0px;
	-webkit-transition: background .2s 0s, visibility 0s .2s;
	-moz-transition: background .2s 0s, visibility 0s .2s;
	transition: background .2s 0s, visibility 0s .2s;
}
.social a.facebook {
	background-position: 0px 0px;
}
.social a.facebook:hover {
	background-position: 0px -19px;
}
.social a.linkedin {
	background-position: -22px 0px;
}
.social a.linkedin:hover {
	background-position: -22px -19px;
}
.social a.twitter {
	background-position: -44px 0px;
}
.social a.twitter:hover {
	background-position: -44px -19px;
}
.social a.pinterest {
	background-position: -66px 0px;
}
.social a.pinterest:hover {
	background-position: -66px -19px;
}
.social a.behance {
	background-position: -88px 0px;
}
.social a.behance:hover {
	background-position: -88px -19px;
}

/*social icn large*/
.social-lg {
	width: auto;
	margin: 5px 0px 12px 0px;
}
.social-lg a {
	width: 30px;
	height: 30px;
	margin-right: 25px;
	display: inline-block;
	background: url(../images/social-lg.png) no-repeat 0px 0px;
	-webkit-transition: background .2s 0s, visibility 0s .2s;
	-moz-transition: background .2s 0s, visibility 0s .2s;
	transition: background .2s 0s, visibility 0s .2s;
}
.social-lg a.facebook-lg {
	background-position: 0px 0px;
}
.social-lg a.facebook-lg:hover {
	background-position: 0px -32px;
}
.social-lg a.twitter-lg {
	background-position: -32px 0px;
}
.social-lg a.twitter-lg:hover {
	background-position: -32px -32px;
}
.social-lg a.gplus-lg {
	background-position: -64px 0px;
}
.social-lg a.gplus-lg:hover {
	background-position: -64px -32px;
}
.social-lg a.sports-lg {
	background-position: -98px 0px;
}
.social-lg a.sports-lg:hover {
	background-position: -98px -32px;
}
.social-lg a.cloud-lg {
	background-position: -128px 0px;
}
.social-lg a.cloud-lg:hover {
	background-position: -128px -32px;
}
.social-lg a.rss-lg {
	background-position: -164px 0px;
}
.social-lg a.rss-lg:hover {
	background-position: -164px -32px;
}

/*.social-lg a.facebook-lg {
	background-position: 0px 0px;
}
.social-lg a.facebook-lg:hover {
	background-position: 0px -32px;
}
.social-lg a.twitter-lg {
	background-position: -32px 0px;
}
.social-lg a.twitter-lg:hover {
	background-position: -32px -32px;
}
.social-lg a.gplus-lg {
	background-position: -64px 0px;
}
.social-lg a.gplus-lg:hover {
	background-position: -64px -32px;
}
.social-lg a.sports-lg {
	background-position: -98px 0px;
}
.social-lg a.sports-lg:hover {
	background-position: -98px -32px;
}
.social-lg a.cloud-lg {
	background-position: -128px 0px;
}
.social-lg a.cloud-lg:hover {
	background-position: -128px -32px;
}
.social-lg a.rss-lg {
	background-position: -164px 0px;
}
.social-lg a.rss-lg:hover {
	background-position: -164px -32px;
}*/
/*home section*/
.home-sec {
	background: #000;
	padding: 108px 0px 0px 0px;
}
.home-slide {
	background: #000 url(../images/bg-slide.jpg) top center no-repeat;
	padding: 36px 0px;
	text-align: center;
}
.home-slide h3 {
	font-size: 35px;
	line-height: 36px;
	color: #fff600;
}
.home-footer {
	background: #000;
	padding: 10px 0px;
	text-align: center;
}
.home-footer h5 {
	margin-bottom: 0px;
}
.home-footer-info {
	display: inline-block;
	font-family: "dinengschrift";
	font-size: 12px;
	color: #FFF;
	margin: 0px 4px;
}
.home-footer-info a {
	color: #fff;
}
.home-footer-info a:hover {
	color: #fff600;
}
.home-footer-info span {
	color: #fff600;
}
/*about section*/
.about-sec {
	padding:150px 0px 0px 0px;
}
.half-sec-left {
	width: 48%;
	float: left;
}
.half-sec-right {
	width: 48%;
	float: right;
}
.avtar {
	width: 100%;
	padding-top: 20px;
}
.avtar-img {
	width: 31%;
	float: left;
	margin-right: 10px;
}
.avtar-info {
	width: 66%;
	float: left;
	margin-top: 15px;
}
.avtar-info p {
	font-size: 13px;
}
.directorinfo {
    background: #3a3a3a none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    font-family: "dinengschrift";
    font-size: 25px;
    margin-top: 17px;
    padding: 8px 0 4px;
    text-align: center;
    width: 265px;
}
.directorinfo span {
	color: #FFF600;
}

.ourmission p {
	font-size: 13px;
	 margin-top: -4px;
}
.company {
	width: 100%;
	padding-top:10px;
}
.company-img {
	width: 35%;
	float: left;
	margin-right:14px;
}
.company-info {
	width: 61%;
	float: left;
}
.company-info p {
	font-size: 13px;
	line-height:23px;
	margin-top: -7px;
}
.client-sec {
	padding: 40px 0px;
	background: #e7e7e7;
	margin-top:16px;
}
h3.new_just{
	float:left;
	margin:0;
}
.client-sm {
	margin-top:10px;
	/*display:table;*/
	/*border: 1px solid #262626;*/	
}

/*.client-box-sm:nth-child(1) {
    border-left: 1px solid #262626;
    border-radius: 2px 0 0 2px 0;
}
.client-box-sm:nth-child(6) {
    border-radius: 0 2px 2px 0;
}*/
.client-box-sm:nth-child(1) {
	/*border-left: 1px solid #262626;*/
}
.client-box-sm {
	/* border-bottom: 1px solid #262626;
	border-right: 1px solid #262626;
	border-top: 1px solid #262626;*/
	float: left;
	margin: 0;
	padding: 15px 35px;
}
.client-sec p {
	color: #000;
}
.desc {
	width: 83%;
	float: left;
}
.desc-white {
	width: 83%;
	float: left;
	margin-right: 40px;
	padding-left: 50px;
}
.desc-white p {
	color: #FFF;
	font-size: 17px;
}
.action {
	float: right;
	width: auto;
}



.about-bottom {
	width: 100%;
	background: #262626;
	padding: 45px 0px;
	display:none;
}
.action-sec {
	/*border: #4c4c4c 1px solid;*/
	padding: 28px;
}
.red-color {
	color:#ed1c24;
	font-weight:600;
	font-style:italic;
}
.green-color {
	color:#00a651;
	font-weight:600;
	font-style:italic;
}
.yellow-color {
	color:#fff200;
	font-weight:600;
	font-style:italic;
}
.blue-color {
	color:#00aeef;
	font-weight:600;
	font-style:italic;
}
.pink-color {
	color:#ec008c;
	font-weight:600;
	font-style:italic;
}
/*service section*/
.service-sec {
	padding: 130px 0px 50px 0px;
}
.services-concept {
	background: url(../images/our-services-circle.png) top center no-repeat;
	position: relative;
	min-height: 540px;
	margin:25px 0px 0px 0px;
}
.services-concept h4{
	margin-bottom:2px;
}
.services-concept p {
	font-size: 13px;
	line-height:16px;
}
.services-concept a {
	display: block;
}
.services-concept a:hover {
	text-decoration: underline;
}
.services-concept a.service-text-link{
	display: inline-block;
	padding: 3px 5px;
	color: #000;
	font-weight: 600;
	border:#000 1px solid;
	text-decoration:none;
	}
.services-concept a.service-text-link:hover{
	background:#000;
	color: #fff;
	text-decoration:none;
	}
.web-service {
	position: absolute;
	width: 56%;
	top: -39px;
	left: 0px;
}
.graphic-service {
	position: absolute;
	width:44%;
	top: 160px;
	left: 0px;
}
.signage-service {
 bottom:92px;
    left: 200px;
    position: absolute;
    width: 35%;
}
.app-service {
	 position: absolute;
    right: 0;
    top: 91px;
    width: 39.5%;
}
.online-service {
	 bottom: 89px;
    position: absolute;
    right: 37px;
    width: 44%;
}
.service-logo-right {
	float: right;
	padding-left: 10px;
}
.service-info-left {
	float: left;
	text-align: right;
	padding-right: 30px;
	background: url(../images/line-ver.jpg) top 6px right no-repeat;
}
.service-logo-left {
	float: left;
	padding-right: 10px;
}
.service-info-right {
	float: left;
	text-align: left;
	padding-left: 30px;
	background: url(../images/line-ver.jpg) top left no-repeat;
}
.web-logo {
	width: 17%;
}
.web-info {
	width: 83%;
	position: relative;
    top: 20px;
}
.graphic-logo {
	width: 27%;
}
.graphic-info {
	width: 73%;
}
.signage-logo {
	width: 28%;
}
.signage-info {
	position: relative;
    top: 16px;
    width: 72%;
}
.app-logo {
	width:17%;
}
.app-info {
	width: 73%;
}
.online-logo {
	width: 17%;
}
.online-info {
	width:83%;
	position: relative;
    top: 13px;
}
.askquote {
	width: 100%;
	margin-top: 170px;
}
.ask-quote {
	float: left;
	width: 80%;
}
.ask-quote img {
	width: 100%;
}
.askquote-btn {
	float: left;
	width: auto;
	margin-top: 25px;
}
/*gallery-sec*/
.gallery-sec {
	background: #3a3a3a;
	padding: 150px 0px 50px 0px;
}
.gallery-sec h3 {
	color: #fff600;
	margin-bottom: 7px;
}
.gallery-sec p {
	color: #fff;
}
.gallery {
	width: 100%;
	margin-top: 30px;
}
.view {
	width: 24%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.view .mask, .view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view .mask img {
	margin: 30px 0px 10px 0px;
}
.view a {
	display: table;
}
.view-btn {
	margin:0% 34.5%;
	}
.gallery-effect .mask {
	opacity: 0;
	overflow: visible;
	background: rgba(180,214,241,0.9);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.gallery-effect a.info {
	position: relative;
	top: -10px;
	opacity: 0;
	-webkit-transition: opacity 0.5s 0s ease-in-out;
	-moz-transition: opacity 0.5s 0s ease-in-out;
	-o-transition: opacity 0.5s 0s ease-in-out;
	-ms-transition: opacity 0.5s 0s ease-in-out;
	transition: opacity 0.5s 0s ease-in-out;
}
.gallery-effect:hover .mask {
	/*opacity: 1;*/
	/*background: rgba(180,214,241,0.9);*/
	background:#3a3a3a;
	opacity:0.9;
}
.gallery-effect:hover a.info {
	opacity: 1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/*footer-sec*/
.contact-sec {
	background: #fff600;
	color: #000;
	padding: 150px 0px 50px 0px;
}
.contact-sec p {
	color: #4f4f4f;
}
.contactform {
	float: left;
	width: 35%;
	margin-top: 60px;
}
.contactinfo {
	float: left;
    width: 100%;
    margin-top: 30px;
    margin-left: 30px;
}

.contactinfo h4 {
	border:#000 1px solid;
	display:inline-block;
	padding:5px 5px 2px 5px;
}
.info-sm p, .info-lg p {
	color: #000;
	position: relative;
	font-weight: 600;
	padding-left: 50px;
}
.info-sm a, .info-lg a {
	color: #000;
}
.info-sm a:hover, .info-lg a:hover {
	color: #000;
	text-decoration: underline;
}
.info-sm {
	width: 35%;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	margin-bottom: 35px;
}
.info-lg {
	width: 57%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 35px;
}
.address-icn {
	position: absolute;
	top: 0px;
	left: 0px;
}
.socialnetwork-icn {
	position: absolute;
	top: 0px;
	left: 0px;
}
.phone-icn {
	position: absolute;
	top: 0px;
	left: 0px;
}
.skype-icn {
	position: absolute;
	top: 0px;
	left: 0px;
}
.email-icn {
	position: absolute;
	top: 0px;
	left: 0px;
}
.contactform input[type="submit"] {
	padding: 15px 120px;
	background: #fff600;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	border: #000 3px solid;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	-khtml-border-radius: 7px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.contactform input[type="submit"]:hover {
	background: #000;
	border: #000 3px solid;
	color: #FFF;
}
.copyright-sec {
	width:100%;
	background:#fff600;
	padding-bottom:30px;
	}
.footer-bottom {
	border-top: #000 1px solid;
	margin-top: 40px;
	padding-top: 40px;
}
.footer-bottom-links {
	float:left;
	}
.footer-bottom-links a {
	color:#737373;
	padding-right:20px;
	}
.footer-bottom-links a:hover {
	color:#000;
	}
.copy {
	float:right;
	}
.copy p {
	margin-bottom:0px;
	}
/*black footer*/
.copyright-sec-black {
	width:100%;
	background:#000;
	padding-bottom:30px;
	}
.footer-bottom-black {
	padding-top: 40px;
}
.footer-bottom-links-black {
	float:left;
	}
.footer-bottom-links-black a {
	color:#fff600;
	padding-right:20px;
	}
.footer-bottom-links-black a:hover {
	color:#fff;
	}
.copy-black {
	float:right;
	}
.copy-black p {
	margin-bottom:0px;
	}


.innerpage {
	padding-top:116px;
}
/*portfolio page*/
.bailey_bg {
	background-image: url(../images/bg-gray-cream.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}
.old_bg {
	background-image: url(../images/old-bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}
.step_bg {
	background-image: url(../images/step-bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}
.biba_bg {
	background-color: #a7a7a7;
}
.brts_bg {
	background-color: #f7983e;
}
.dw_bg {
	background-color: #00b4f1;
}
.footy_bg {
	background-color: #ec5f32;
}
.fast_bg {
	background-color: #0e76bc;
}
.life_bg {
	background-color: #129b55;
}
.mums_bg {
	background-color: #467c64;
}
.parasol_bg {
	background-color: #14a79d;
}
.parks_bg {
	background-color: #00412b;
}
.peek_bg {
	background-color: #6ba99e;
}
.sarah_bg {
	background-color: #8ec1a2;
}
.sign_bg {
	background-color: #01a7e5;
}
.sports_bg {
	background-color: #08528f;
}
.travel_bg {
	background-color: #ceac49;
}
.vic_bg {
	background-color: #dd602a;
}
.vinyl_bg {
	background-color: #14a79d;
}
.wiliam_bg {
	background-color: #4f4f4f;
}
.portfolio-info {
	margin: 0px 50px;
	position:relative;
}
.portfolio-head {
	background: #000;
	padding: 48px 48px 30px 48px;
}
.portfolio-title {
	float:left;
}
.other-pro {
	float:right;
	width:70%;
}
.other-pro h4 {
	margin-bottom:0px;
	font-size:14px;
	line-height:12px;
	margin-top:10px;
	text-align:center;
}
.multiple-items img {
	width:100%;
	}
.portfolio-head h1 {
	color: #FFF;
	font-size: 48px;
	line-height: 48px;
	text-transform: none;
	margin: 0px;
	font-family: "dinengschrift";
}
.portfolio-desc {
	background: #000;
	border-top: #333 1px solid;
	padding: 28px 48px;
}
.portfolio-desc p {
	color: #FFF;
}
.portfolio-desc p small {
	color: #FFF;
	text-transform: uppercase;
}
.portfolio-desc h3 {
	margin-bottom: 10px;
}
.desc-left {
	float: left;
	width: 70%;
}
.desc-right {
	float: right;
	width: 25%;
}
.folioinfo {
	width: 100%;
	margin-top: 70px;
}
.folioinfo h4 {
	margin-bottom: 0px;
}
.folioinfo-title {
	width: 27%;
}
.folioinfo-title h4 {
	color:#fff600;
}
.portfolio-img {
	position: relative;
	text-align: center;
}
.portfolio-img img {
	width: 100%;
}
.stickytitle {
	position: fixed;
	left: 150px;
	top: 550px;
	transform: rotate(-90deg);
	transform-origin: 166px 0px 0px;
}
.stickytitle h3 {
	margin-bottom: 0px;
}
.stickytitlewhite {
	position: fixed;
	left: 150px;
	top: 550px;
	transform: rotate(-90deg);
	transform-origin: 166px 0px 0px;
}
.stickytitlewhite h3{
	color:#fff;
}
/*services page*/
.tab-sec {
	width: 100%;
	padding-bottom:50px;
}
.tab-sec p {
	margin-bottom: 25px;
	font-size: 13px;
}
.tab-sec h3 {
	margin-bottom: 18px;
}
.tab-sec h4 {
	margin-bottom: 15px;
}
.tab-fix {
	width: 100%;
	background: #fff;
	padding: 20px 0px;
	position:fixed;
}
.tab-fix h4 {
	margin-bottom:0px;
}
.tab-fix img {
	margin-bottom:10px;
}
.tab-fix ul{
	width: 100%;
}
.tab-fix ul li{
	float:left;
	width:20%;
}
.tab-fix ul li a{
	padding:20px 60px;
	color:fff;
	background:#191919;
	text-align:center;
	display:block;
	border-right:#4d4d4d 1px solid;
}
.tab-fix ul li a:hover{
	background:#fff600;
	border-right:#fff600 1px solid;
	color:#000;
}
.tab-fix ul li a.active{
	background:#fff600;
	border-right:#fff600 1px solid;
	color:#000;
}
.tab-fix ul li a:hover h4 span	{
	color:#000;
}
.tab-fix ul li a.active h4 span	{
	color:#000;
}
.webtab {
	width:31px;
	height:31px;
	display:inline-block;
	background:url(../images/tab-icn.png) 0px 0px no-repeat;
	margin-bottom:10px;
	}
.tab-fix ul li a:hover .webtab, .tab-fix ul li a.active .webtab {
	background:url(../images/tab-icn.png) 0px -32px no-repeat;
	}
.graphictab {
	width:31px;
	height:31px;
	display:inline-block;
	background:url(../images/tab-icn.png) -32px 0px no-repeat;
	margin-bottom:10px;
	}
.tab-fix ul li a:hover .graphictab, .tab-fix ul li a.active .graphictab {
	background:url(../images/tab-icn.png) -32px -32px no-repeat;
	}
.apptab {
	width:31px;
	height:31px;
	display:inline-block;
	background:url(../images/tab-icn.png) -64px 0px no-repeat;
	margin-bottom:10px;
	}
.tab-fix ul li a:hover .apptab, .tab-fix ul li a.active .apptab {
	background:url(../images/tab-icn.png) -64px -32px no-repeat;
	}
.onlinetab {
	width:31px;
	height:31px;
	display:inline-block;
	background:url(../images/tab-icn.png) -93px 0px no-repeat;
	margin-bottom:10px;
	}
.tab-fix ul li a:hover .onlinetab, .tab-fix ul li a.active .onlinetab {
	background:url(../images/tab-icn.png) -93px -32px no-repeat;
	}
.signagetab {
	width:31px;
	height:31px;
	display:inline-block;
	background:url(../images/tab-icn.png) -125px 0px no-repeat;
	margin-bottom:10px;
	}
.tab-fix ul li a:hover .signagetab, .tab-fix ul li a.active .signagetab {
	background:url(../images/tab-icn.png) -125px -32px no-repeat;
	}

/*tab web service*/
.service-pic-left {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.service-pic-right {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
}
.col-half {
	width: 45%;
	margin-right: 62px;
	float: left;
}
.service-project {
	background: #bfdcf3;
	padding: 15px;
	margin-top: 10px;
}
.service-project-info {
	border: #99b0c2 1px solid;
	padding: 15px;
}
.service-project-info-text {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	width: 75%;
	float: left;
	margin-top: 5px;
}
.service-project-btn {
	float: right;
	width: 20%;
	text-align: right;
}
.web-tab-service {
	width: 100%;
	padding-top: 200px;
}
.graphic-tab-service {
	width: 100%;
	padding-top: 180px;
}
.graphicdesign-info {
	background: #fff600;
	padding: 30px 45px;
	width: 100%;
	margin: 50px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.graphicdesign-info ul {
	margin-top: 20px;
}
.graphicdesign-info ul li {
	background: url(../images/bullet-black.png) 0px 4px no-repeat;
	padding-left: 15px;
	float: left;
	margin-right: 50px;
	width: 23%;
	color: #000;
	font-weight: 600;
	margin-bottom: 8px;
}
.app-tab-service {
	width: 100%;
	padding-top: 180px;
}
.signage-tab-service {
	width: 100%;
	padding-top: 180px;
}
.online-tab-service {
	width: 100%;
	padding-top: 180px;
}

/*cms page*/
.cms {
	padding:50px 0px;
	}
.cms a {
	color:#000;
	text-decoration:underline;
}
.cms a:hover {
	color:#000;
	text-decoration:none;
}
.cms P {
	color:#333;
	line-height:24px;
	margin-bottom:0px;
	}
.cms ul {
	margin-bottom:30px;
	}
.cms h3 {
	text-align:center;
	}
.cms h4 {
	margin-bottom:5px;
	}
.square {
	margin-left:25px;
	}
.square li {
	list-style-type:square;
	line-height:24px;
	margin-bottom:5px;
	}
.lowe-alpha {
	margin-left:25px;
	}
.lowe-alpha li {
	list-style-type:lower-alpha;
	line-height:24px;
	margin-bottom:5px;
	}
.lower-roman {
	margin-left:25px;
	}
.lower-roman li {
	list-style-type:lower-roman;
	line-height:24px;
	margin-bottom:5px;
	}
.lower-roman li ul li {
	list-style-type:lower-alpha;
	line-height:24px;
	margin-bottom:5px;
	}





/*media screen*/
@media only screen and (min-width:1690px) and (max-width:1930px)  {
	
	.stickytitlewhite {
    left: -145px;
	top: 330px;
	}
	.graphic-service {
    width: 49%;
}
.signage-service {
    width: 43%;
}
.app-service {
    width: 41.5%;
}
.online-service {
    bottom: 76px;
}
.online-logo {
    width: 12%;
}
}
@media only screen and (min-width:1450px) and (max-width:1690px)  {
	
	.stickytitlewhite {
    left: -146px;
	top: 330px;
	}
	.online-service {
    bottom: 91px;
	}
	.online-service {
    width: 45%;
}
.online-logo {
    width: 12%;
}
.app-service {
    width: 41.5%;
}
.signage-service {
    bottom: 105px;
    width: 43%;
}
.graphic-service {
    width: 49%;
}
}
@media only screen and (min-width:1380px) and (max-width:1450px)  {
	
	.stickytitlewhite {
    left: -148px;
	top: 330px;
	}
	
.stickytitle {
        left: -135px;
        top: 260px;
    }
	.graphic-service {
    width: 46%;
}
}
@media only screen and (min-width:990px) and (max-width:1100px)  {
	.graphic-service {
    top: 138px;
    width: 39%;
}
.signage-service {
   bottom: 106px;
    left: 20px;
    width: 52%;
}
.online-service {
    bottom: 77px;
    right: 0;
    width: 47%;
}
.app-service {
    position: absolute;
    right: 0;
    top: 102px;
    width: 38.5%;
}
.app-logo {
    width: 24%;
}
.company-info {
    padding-left:40px !important;
}
}
@media only screen and (max-width: 1366px) {
    .stickytitlewhite {
        left: -150px;
        top: 260px;
    }
    
}
@media only screen and (max-width: 1280px) {
	.your_on {
		font-size: 50px !important;
		line-height: 50px !important;
	}
	.enjoy_on {
		font-size: 30px !important;
	}
	#slides.design-2 .slider-short-content p {
		line-height: 21px !important;
	}
	.cont_nav {
		margin-top: 15px !important;
	}
	.cont_nav li a {
		margin-right: 0 !important;
		padding: 9px 0 !important;
		width: 150px !important;
	}
	#slides.design-2 .slider-content {
		padding-top: 10px !important;
	}	
	.client-box-sm {
		padding: 15px 11px !important;
	}
	.company-info {
    padding-left: 15px;
}
}
@media only screen and (max-width: 1023px) {
    html,
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0px 20px;
    }
    .half-sec-left {
        width: 100%;
    }
    .avtar-img {
        width: 26%;
    }
    .avtar-info {
        width: 72%;
    }
    .half-sec-right {
        margin-top: 50px;
        width: 100%;
    }
    .company-img {
        width: 30%;
    }
    .company-info {
        width: 67%;
    }
    .desc {
        width: 100%;
    }
    .action {
        float: left;
    }
    .client-box-sm {
        /*padding: 15px 93px;*/
		padding: 15px 6px !important;
    }
    .desc-white {
        text-align: left;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        padding-left: 0px;
    }
    .ask-quote {
        width: 80%;
    }
    .askquote-btn {
        margin-top: 15px;
    }
    .services-concept {
        background: none;
        min-height: inherit;
        margin: 0px;
        padding: 30px 0px;
    }
	
    .service-logo-right {
        float: left;
        padding-left: 0px;
        padding-right: 10px;
    }
    .service-info-left {
        float: left;
        text-align: left;
        padding-left: 30px;
        padding-right: 0px;
        background: url(../images/line-ver.jpg) top left no-repeat;
    }
    .web-service {
        position: relative;
        width: 100%;
        padding: 20px 0px;
        top: 0px;
        left: 0px;
    }
    .web-logo {
        width: 12%;
    }
    .web-info {
        width: 87%;
    }
    .graphic-service {
        width: 100%;
        position: relative;
        padding: 20px 0px;
        top: 0px;
        left: 0px;
    }
    .graphic-logo {
        width: 12%;
    }
    .graphic-info {
        width: 87%;
    }
    .signage-service {
        width: 100%;
        position: relative;
        padding: 20px 0px;
        top: 0px;
        left: 0px;
    }
    .signage-logo {
        width: 12%;
    }
    .signage-info {
        width: 87%;
    }
    .app-service {
        width: 100%;
        position: relative;
        padding: 20px 0px;
        top: 0px;
        left: 0px;
    }
    .app-logo {
        width: 12%;
    }
    .app-info {
        width: 87%;
    }
    .online-service {
        width: 100%;
        position: relative;
        padding: 20px 0px;
        top: 0px;
        left: 0px;
    }
    .online-logo {
        width: 12%;
    }
    .online-info {
        width: 87%;
    }
    .askquote {
        margin-top: 0px;
    }
    .view {
        width: 33.33%;
    }
    .view .galleryimg img {
        width: 100%;
    }
    .view .mask img {
        margin: 10px 0px;
    }
    .contactform {
        width: 65%;
    }
    .contactinfo {
    	margin-left:30px !important;
        float: left;
        width: 100%;
    }
    
    .other-pro {
        margin-top: 0px;
    }
    .other-pro li {
        width: 16%;
    }
    .desc-left {
        width: 100%;
    }
    .desc-right {
        float: left;
        width: 100%;
    }
    .folioinfo {
        width: 40%;
        margin-top: 20px;
    }
    .stickytitle {
        left: -135px;
    }
    .stickytitlewhite {
        left: -125px;
    }
    services page
    
    .col-half {
        margin-right: 48px;
    }
    .service-project-info-text {
        font-size: 16px;
        line-height: 18px;
        width: auto;
    }
    .tab-fix h4 {
        font-size: 16px;
    }
    .tab-fix ul li a {
        padding: 60px 20px;
    }
}
@media only screen and (max-width: 980px) {
    .avtar-img {
        width: 22%;
    }
    .avtar-info {
        width: 76%;
    }
    .company-img {
        width: 23%;
    }
    .company-info {
        width: 74%;
    }
    .client-box-sm {
        /*padding: 15px 85px;*/
		padding: 15px 7% !important;
    }
    .web-logo {
        width: 13%;
    }
    .graphic-logo {
        width: 13%;
    }
    .signage-logo {
        width: 13%;
    }
    .app-logo {
        width: 13%;
    }
    .online-logo {
        width: 13%;
    }
    .contactform {
        width: 60%;
    }
    services page
    
    .col-half {
        margin-right: 46px;
    }
    .service-project-info-text {
        font-size: 16px;
    }
    .graphicdesign-info ul li {
        width: 24%;
    }
    .tab-fix ul li a {
        padding: 60px 20px;
    }
	.your_on {
		font-size: 20px;
		line-height: 70px;
	}
	.enjoy_on {
		font-size: 48px;
	}
	#slides.design-2 .slider-short-content p {
		display: none;
	}
	.cont_nav {
		margin-top: 15px !important;
	}
}
@media only screen and (max-width: 800px) {
    .view-btn {
        margin: 0% 30.5%;
    }
    .avtar-img {
        width: 25%;
    }
    .avtar-info {
        width: 73%;
    }
    .company-img {
        width: 28%;
    }
    .company-info {
        width: 69%;
    }
    .client-box-sm {
        padding: 15px 55px;
    }
    .web-logo {
        width: 16%;
    }
    .web-info {
        width: 84%;
    }
    .graphic-logo {
        width: 16%;
    }
    .graphic-info {
        width: 84%;
    }
    .signage-logo {
        width: 16%;
    }
    .signage-info {
        width: 84%;
    }
    .app-logo {
        width: 16%;
    }
    .app-info {
        width: 84%;
    }
    .online-logo {
        width: 16%;
    }
    .online-info {
        width: 84%;
    }
    .ask-quote {
        width: 75%;
    }
    .askquote-btn {
        margin-top: 2px;
    }
    portfolio page
    
    .other-pro {
        display: none;
    }
    services page
    
    .col-half {
        margin-right: 38px;
    }
    .service-project-info-text {
        width: 70%;
    }
    .service-project-btn {
        width: 22%;
    }
    .graphicdesign-info ul li {
        width: 30%;
        margin-right: 20px;
    }
    .folioinfo {
        width: 60%;
    }
	.client-box-sm {
		padding: 15px 6% !important;
	}
}
@media only screen and (max-width: 768px) {
    navbar
    
    .navbar-fixed-top {
        padding: 0px;
    }
    .avtar-img {
        width: 26%;
    }
    .avtar-info {
        width: 72%;
    }
    .company-img {
        width: 30%;
    }
    .company-info {
        width: 67%;
    }
    .client-box-sm {
        /*padding: 15px 50px;*/
		padding: 15px 4% !important;
    }
    .ask-quote {
        width: 74%;
    }
    .view .mask img {
        margin: 5px 0px;
    }
    .view-btn {
        margin: 0% 29.5%;
    }
    services page
    
    .col-half {
        margin-right: 36px;
    }
    .service-project-btn {
        width: 25%;
    }
    .graphicdesign-info ul li {
        width: 45%;
        margin-right: 20px;
    }
}
@media only screen and (max-width: 640px) {
    .header-top {
        display: none;
    }
    .home-sec {
        padding: 69px 0px 0px 0px;
    }
    .innerpage {
        padding-top: 60px;
    }
    .about-sec {
        padding: 95px 0px 50px 0px;
    }
    .service-sec {
        padding: 95px 0px 50px 0px;
    }
    .gallery-sec {
        padding: 95px 0px 50px 0px;
    }
    .contact-sec {
        padding: 95px 0px 50px 0px;
    }
    .avtar-img {
        width: 32%;
    }
    .avtar-info {
        width: 66%;
    }
    .company-img {
        width: 35%;
    }
    .company-info {
        width: 60%;
    }
    .client-box-sm {
        /*padding: 15px 29px;*/
		padding: 15px 8% !important;
    }
    .web-logo {
        width: 20%;
    }
    .web-info {
        width: 80%;
    }
    .graphic-logo {
        width: 20%;
    }
    .graphic-info {
        width: 80%;
    }
    .signage-logo {
        width: 20%;
    }
    .signage-info {
        width: 80%;
    }
    .app-logo {
        width: 20%;
    }
    .app-info {
        width: 80%;
    }
    .online-logo {
        width: 20%;
    }
    .online-info {
        width: 80%;
    }
    .ask-quote {
        width: 68%;
    }
    .askquote-btn {
        margin-top: -5px;
    }
    .view {
        width: 50%;
    }
    .view .mask img {
        margin: 30px 0px 10px 0px;
    }
    .view-btn {
        margin: 0% 33.5%;
    }
    .contactform {
        margin-top: 30px;
        width: 80%;
    }
    .footer-bottom {
        margin-top: 0px;
    }
    .copy {
        float: left;
        margin-top: 20px;
    }
    portfoliop page
    
    .portfolio-info {
        margin: 0px 30px;
    }
    .stickytitle {
        display: none;
    }
    .stickytitlewhite {
        display: none;
    }
    .folioinfo {
        width: 50%;
    }
    services page
    
    .col-half {
        margin-right: 30px;
    }
    .service-project-btn {
        width: 29%;
    }
    .web-tab-service {
        padding-top: 150px;
    }
    .graphic-tab-service {
        padding-top: 100px;
    }
    .app-tab-service {
        padding-top: 100px;
    }
    .online-tab-service {
        padding-top: 100px;
    }
    .signage-tab-service {
        padding-top: 100px;
    }
    .tab-fix ul li a {
        padding: 20px 20px 10px 20px;
    }
    .tab-fix h4 {
        display: none;
    }
    .folioinfo {
        width: 70%;
    }
}
@media only screen and (max-width: 480px) {
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 30px;
    }
    .home-slide h3 {
        font-size: 24px;
    }
    .logo-homeslide img {

        width: 60%;
    }
    .avtar-img {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .avtar-info {
        width: 100%;
    }
    .directorinfo {
        font-size: 24px;
    }
    .company-img {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .company-info {
        width: 100%;
    }
    .client-box-sm {
        padding: 15px 39px;
    }
    .web-logo {
        width: 27%;
    }
    .web-info {
        width: 73%;
    }
    .graphic-logo {
        width: 27%;
    }
    .graphic-info {
        width: 73%;
    }
    .signage-logo {
        width: 27%;
    }
    .signage-info {
        width: 73%;
    }
    .app-logo {
        width: 27%;
    }
    .app-info {
        width: 73%;
    }
    .online-logo {
        width: 27%;
    }
    .online-info {
        width: 73%;
    }
    .ask-quote {
        width: 100%;
        margin-bottom: 30px;
    }
    .view {
        width: 100%;
    }
    .view .mask img {
        margin: 50px 0px 20px 0px;
    }
    .view-btn {
        margin: 0% 38.5%;
    }
    .contactform {
        width: 100%;
    }
    .info-sm {
        width: 100%;
    }
    .info-lg {
        width: 100%;
    }
    portfoliop page
    
    .portfolio-info {
        margin: 0px;
    }
    .portfolio-head {
        padding: 24px;
    }
    .portfolio-head h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .portfolio-desc {
        padding: 24px;
    }
    .folioinfo {
        width:
    }
    services page
    
    .service-pic-right {
        width: 100%;
        margin-left: 0px;
    }
    .service-pic-right img {
        width: 100%;
    }
    .service-pic-left {
        margin-right: 0px;
        width: 100%;
    }
    .service-pic-left img {
        width: 100%;
    }
    .col-half {
        margin-right: 0px;
        width: 100%;
    }
    .service-project-info-text {
        width: 100%;
        margin-bottom: 20px;
    }
    .service-project-btn {
        width: auto;
        float: left;
    }
    .graphicdesign-info {
        padding: 20px;
    }
    .graphicdesign-info ul li {
        width: 100%;
        margin-right: 0px;
    }
    .folioinfo {
        width: 100%;
    }
    .folioinfo-title {
        width: 20%;
    }
}
@media only screen and (max-width: 414px) {
    .margin-side-15 {
        margin: 0px 10px;
    }
    .home-footer-info {
        width: 100%;
        margin-bottom: 10px;
    }
    .directorinfo {
        font-size: 20px;
    }
    .client-box-sm {
        padding: 15px 22px;
    }
    .web-logo {
        width: 32%;
    }
    .web-info {
        width: 68%;
    }
    .graphic-logo {
        width: 32%;
    }
    .graphic-info {
        width: 68%;
    }
    .signage-logo {
        width: 32%;
    }
    .signage-info {
        width: 68%;
    }
    .app-logo {
        width: 32%;
    }
    .app-info {
        width: 68%;
    }
    .online-logo {
        width: 32%;
    }
    .online-info {
        width: 68%;
    }
    .footer-bottom-links {
        width: 100%;
    }
    .footer-bottom-links a {
        display: block;
        padding-left: 0px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 375px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    .home-slide h3 {
        font-size: 20px;
    }
    .home-slide .btn-white {
        padding: 13px 18px 9px 18px;
    }
    .view-btn {
        margin: 0% 35.5%;
    }
    .margin-side-15 {
        margin: 0px;
    }
    .directorinfo {
        font-size: 17px;
    }
    .client-box-sm {
        padding: 11px;
    }
    .web-logo {
        width: 35%;
    }
    .web-info {
        width: 65%;
    }
    .graphic-logo {
        width: 35%;
    }
    .graphic-info {
        width: 65%;
    }
    .signage-logo {
        width: 35%;
    }
    .signage-info {
        width: 65%;
    }
    .app-logo {
        width: 35%;
    }
    .app-info {
        width: 65%;
    }
    .online-logo {
        width: 35%;
    }
    .online-info {
        width: 65%;
    }
	.client-box-sm {
		padding: 15px 0 !important;
		width: 100% !important;
	}
	.client-box-sm img {
		width: 49% !important;
	}
}
@media only screen and (max-width: 320px) {
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 20px;
    }
    .home-slide h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .margin-side-15 {
        margin: 0px;
    }
    .home-slide .btn-blue {
        padding: 13px 20px 9px 20px;
    }
    .home-slide .btn-white {
        padding: 13px 20px 9px 20px;
    }
    .directorinfo {
        font-size: 15px;
    }
    .client-box-sm {
        padding: 0px;
        width: 50%;
        text-align: center;
    }
    .client-box-sm img {
        width: 80%;
    }
    .services-concept {
        padding-top: 0px;
    }
    .web-logo {
        width: 100%;
        margin-bottom: 20px;
    }
    .web-info {
        width: 100%;
        padding-left: 0px;
    }
    .graphic-logo {
        width: 100%;
        margin-bottom: 20px;
    }
    .graphic-info {
        width: 100%;
        padding-left: 0px;
    }
    .signage-logo {
        width: 100%;
        margin-bottom: 20px;
    }
    .signage-info {
        width: 100%;
        padding-left: 0px;
    }
    .app-logo {
        width: 100%;
        margin-bottom: 20px;
    }
    .app-info {
        width: 100%;
        padding-left: 0px;
    }
    .online-logo {
        width: 100%;
        margin-bottom: 20px;
    }
    .online-info {
        width: 100%;
        padding-left: 0px;
    }
    .service-info-left {
        background: none;
    }
    .service-info-right {
        background: none;
    }
    .view .mask img {
        margin: 20px 0px 10px 0px;
    }
    .view-btn {
        margin: 0% 32.5%;
    }
    .contactform input[type="submit"] {
        padding: 15px 106px;
    }
    .tab-fix ul li a {
        padding: 10px 10px 5px 10px;
    }
    .web-tab-service {
        padding-top: 100px;
    }
    .graphic-tab-service {
        padding-top: 40px;
    }
    .app-tab-service {
        padding-top: 40px;
    }
    .online-tab-service {
        padding-top: 40px;
    }
    .signage-tab-service {
        padding-top: 40px;
    }
}
@media only screen and (max-width: 1920px) {
    .container {
        width: 98% !important;
    }
    .client-box-sm {
        padding: 15px 33px;
    }
}


.brift_on {
    float: left;
    text-align: left;
}
.your_on {
    color: #fff;
    font-size: 70px;
    font-family: "dinengschrift";
    letter-spacing: 1px;
    line-height: 70px;
}
.your_on span {
    color: #fff600;
}
.botn_on {
    float: left !important;
    font-size: 26px !important;
    font-family: "dinengschrift";
    padding: 14px 40px !important;
    letter-spacing: 1px;
    cursor: pointer;
}
.enjoy_on {
    width: 100%;
    float: left;
    color: #fff600;
    font-size: 48px;
    font-family: "dinengschrift";
    font-weight: bold;
}
.parr_line {
    float: left;
    color: #FFF;
    font-size: 13px;
    line-height: 22px;
    width: 40% !important;
}
.cont_nav {
    width: 100%;
    float: left;
    margin-top: 35px;
}
.cont_nav li {
    display: inline-block;
    float: left;
}
.cont_nav li a {
	background: #fff600;
	border-radius: 2px;
	color: #000 !important;
	display: block;
	font-family: "dinengschrift";
	font-size: 20px;
	margin-right: 30px;
	padding: 17px 0 13px !important;
	text-align: center;
	width: 224px;
}
.cont_nav li:last-child a {
    background: #FFF;
}
.cont_nav li a:hover {
    background: #000;
    color: #FFF !important;
}
.noning {
	display:none !important;	
}
.little li {
	width:170px;
	margin-right:30px;	
}
.little li a {
	width:170px !important;
	padding:13px 0 9px 0 !important;	
}
#slides.design-2 .slider-short-content p {
	font-size: 13px !important;
	text-align: left !important;
	width: 88% !important;
}
.hunky_bg {
    background: #009bdb;
}
h1.slide-title{
	display:none;
}