@import url( ../../../../fonts.googleapis.com/css-family=Open+Sans-300,400,600,700.css );
@import url( bootstrap.css );
@import url( bootstrap-responsive.css );
@import url( prettyPhoto.css );
@import url( flexslider.css );
@import url( font-awesome.css );
@import url( overwrite.css );
@import url( animate.css );
div {
	position: relative;
}
article {
	position: relative;
}
section {
	position: relative;
}
header {
	position: relative;
}
footer {
	position: relative;
}
nav {
	position: relative;
}
li {
	position: relative;
}
.group::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
body {
	background: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-weight: 300;
}
body {
	padding-top: 60px;
}
::selection {
	color: rgb(51, 51, 51);
}
.scrollup {
	width: 32px; height: 32px; right: 20px; bottom: 20px; position: fixed;
}
a.scrollup {
	outline: 0px; text-decoration: none;
}
a.scrollup:hover {
	transition:400ms ease-out; text-decoration: none; opacity: 1; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s;
}
a.scrollup:active {
	transition:400ms ease-out; text-decoration: none; opacity: 1; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s;
}
a.scrollup:focus {
	transition:400ms ease-out; text-decoration: none; opacity: 1; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s;
}
a.scrollup i:hover {
	text-decoration: none;
}
.blankdivider10 {
	height: 10px; display: block;
}
.blankdivider20 {
	height: 20px; display: block;
}
.blankdivider30 {
	height: 30px; display: block;
}
.row {
	margin-bottom: 30px;
}
.row .row {
	margin-bottom: 30px;
}
.nomargin.row {
	margin-bottom: 0px;
}
input[type=text] {
	padding: 0.5em; width: 100%; font-size: 1em; margin-bottom: 1.5em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input[type=submit] {
	padding: 0.5em; width: 100%; font-size: 1em; margin-bottom: 1.5em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
textarea {
	padding: 0.5em; width: 100%; font-size: 1em; margin-bottom: 1.5em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input {
	font-family: "Open Sans", Arial, sans-serif;
}
button {
	font-family: "Open Sans", Arial, sans-serif;
}
select {
	font-family: "Open Sans", Arial, sans-serif;
}
textarea {
	font-family: "Open Sans", Arial, sans-serif;
}
p {
	margin: 0px 0px 10px; line-height: 1.6em;
}
blockquote {
	padding: 0px; border: currentColor; border-image: none; font-size: 18px;
}
blockquote.large {
	line-height: 1.1em; font-size: 36px; font-weight: 700;
}
blockquote.large::before {
	font-family: FontAwesome; font-size: 64px; margin-right: 20px; content: "\f10d";
}
blockquote cite {
	font-size: 12px; display: block;
}
blockquote cite::before {
	content: "\2014 \0020";
}
blockquote cite a {
	color: rgb(85, 85, 85);
}
blockquote cite a:visited {
	color: rgb(85, 85, 85);
}
blockquote cite a:visited {
	color: rgb(85, 85, 85);
}
ul {
	margin: 0px 0px 1.5em; line-height: 1.5; font-size: 1em;
}
ol {
	margin: 0px 0px 1.5em; line-height: 1.5; font-size: 1em;
}
body {
	
}
input {
	
}
textarea {
	
}
a {
	color: rgb(69, 69, 69); text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
h1 {
	color: rgb(49, 47, 43); line-height: 1.1em; font-family: "Open Sans", Arial, sans-serif; font-weight: 400;
}
h2 {
	color: rgb(49, 47, 43); line-height: 1.1em; font-family: "Open Sans", Arial, sans-serif; font-weight: 400;
}
h3 {
	color: rgb(49, 47, 43); line-height: 1.1em; font-family: "Open Sans", Arial, sans-serif; font-weight: 400;
}
h4 {
	color: rgb(49, 47, 43); line-height: 1.1em; font-family: "Open Sans", Arial, sans-serif; font-weight: 400;
}
h5 {
	color: rgb(49, 47, 43); line-height: 1.1em; font-family: "Open Sans", Arial, sans-serif; font-weight: 400;
}
h6 {
	color: rgb(49, 47, 43); line-height: 1.1em; font-family: "Open Sans", Arial, sans-serif; font-weight: 400;
}
h1 {
	font-size: 36px; margin-bottom: 20px;
}
h2 {
	font-size: 30px; margin-bottom: 20px;
}
h3 {
	font-size: 26px; margin-bottom: 20px;
}
h4 {
	font-size: 22px; margin-bottom: 20px;
}
h5 {
	font-size: 18px; margin-bottom: 15px;
}
h6 {
	font-size: 16px; margin-bottom: 10px;
}
strong {
	font-family: "Open Sans", sans-serif; font-weight: 700;
}
small {
	line-height: 2; font-size: 0.75em; margin-top: 2em; margin-bottom: 0em;
}
em {
	font-family: "Open Sans"; font-style: normal;
}
.muted {
	color: rgb(165, 165, 162);
}
.impressed {
	text-shadow: -1px -1px 0px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,0.9);
}
h2.pagetitle {
	color: rgb(255, 255, 255); font-size: 46px;
}
.hide-text {
	text-indent: 100%; overflow: hidden; font-size: 1em; white-space: nowrap;
}
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.medium {
	font-weight: normal;
}
.navbar-fixed-top .container {
	
}
.navbar .brand {
	padding: 0px; margin-top: 1.05em; margin-left: 0px;
}
.navbar .brand a {
	padding: 0px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 1.75em; font-weight: 400; margin-left: 0px;
}
.navbar .brand a:hover {
	transition:color 0.15s linear; text-decoration: none; -webkit-transition: color .15s linear; -moz-transition: color .15s linear;
}
.navbar .brand a:focus {
	
}
.navbar-inner {
	min-height: 4.75em;
}
.navbar-inverse .navbar-inner {
	background-repeat: repeat; background-color: rgb(11, 51, 63);
}
.navbar-wrapper {
	overflow: hidden;
}
#menu-main {
	margin-top: 1.12em;
}
ul#menu-main > li > a {
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; font-weight: 600;
}
ul#menu-main > li > a:hover {
	padding: 9px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
ul#menu-main > li > a:focus {
	outline: 0px;
}
.navbar-inverse .brand {
	text-shadow: none;
}
.navbar-inverse .nav > li > a {
	text-shadow: none;
}
#header-wrapper {
	width: 100%;  text-align: center; padding-top: 160px; margin-top: -60px; min-height:600px;
}
#header-wrapper h1 {
	margin: 1em 0px; color: rgb(255, 255, 255); font-size: 4em; font-weight: 400;
}
#header-wrapper h2 {
	margin: 0.5em 0px; color: rgb(255, 255, 255); font-family: "Open Sans", sans serif; font-size: 2em; font-weight: normal; text-shadow: 1px 1px 1px #333333;
}
header .logo {
	text-align: center; margin-bottom: 30px;
}
 /*fixed no-repeat top / cover*/
.header-slider#header-wrapper {
	background: url("../img/bg-1.jpg") rgb(68, 68, 68);min-height:200px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
#main-flexslider ul.slides li p {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1; font-size: 72px; margin-bottom: 0px; position: relative;
}
.flexslider#main-flexslider {
	background: none; margin: 0px; border-radius: 0px; border: currentColor; border-image: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-border-radius: 0; -o-box-shadow: none;
}
#header-wrapper input[type=text] {
	background: rgba(227, 231, 228, 1); border: 0px currentColor; border-image: none; text-align: center; font-family: "Open Sans", sans serif; font-size: 1.31em; margin-bottom: 0px !important; vertical-align: middle;
}
#header-wrapper input[type=text]:focus {
	background: rgb(67, 65, 62); color: rgb(239, 241, 239); -webkit-transition: background 0.25 ease-in; -moz-transition: background 0.25 ease-in;
}
#header-wrapper input[type=text] {
	width: 50%; height: 2.9em;
}
#header-wrapper input[type=submit] {
	margin: 0px; padding: 0.5em; border-radius: 3px; border: 0px currentColor; border-image: none; width: 185px; height: 2.9em; color: rgb(255, 255, 255); text-transform: none; letter-spacing: 0.05em; font-size: 1.31em; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
#header-wrapper input[type=submit]:hover {
	background: rgb(67, 65, 62) !important;
}
#header-wrapper input[type=submit]:active {
	background: rgb(67, 65, 62) !important;
}
section.section {
	padding: 100px 0px 80px;
}
section.section h4 {
	text-align: center; letter-spacing: -1px; font-size: 46px; font-weight: 700; margin-bottom: 40px;
}
section.inner {
	padding: 50px 0px;
}
.orange.section h4 {
	color: rgb(252, 252, 252);
}
.green.section h4 {
	color: rgb(252, 252, 252);
}
.orange.section p {
	color: rgb(247, 247, 247);
}
.green.section p {
	color: rgb(247, 247, 247);
}
section.spacer {
	padding: 90px 0px 70px; color: rgb(252, 252, 252);
}
.green.spacer {
	background: rgb(27, 172, 145);
}
.green.section {
	background: rgb(27, 172, 145);
}
.green.spacer {
	color: rgb(255, 255, 255);
}
.green.section h4 {
	color: rgb(255, 255, 255);
}
.yellow.spacer {
	background: rgb(255, 232, 115);
}
.yellow.section {
	background: rgb(255, 232, 115);
}
.orange.spacer {
	background: rgb(243, 111, 54);
}
.orange.section {
	background: rgb(243, 111, 54);
}
section.bg2.spacer {
	background: url("../img/bg/bg-2.jpg") fixed no-repeat 50% 0px; margin: 0px; width: 100%; height: auto;
}
section.bg3.spacer {
	background: url("../img/bg/bg-3.jpg") fixed no-repeat 50% 0px; margin: 0px; width: 100%; height: auto;
}
section.spacer blockquote.large::before {
	color: rgb(238, 238, 238); opacity: 0.6;
}
section.spacer blockquote cite {
	color: rgb(85, 85, 85);
}
#works h4 {
	margin-bottom: 20px;
}
#portfolio {
	padding-bottom: 0px;
}
#filters {
	text-align: center; margin-bottom: 0px; float: none; display: block; position: relative; z-index: 2;
}
#filters ul {
	list-style: none; margin: 0px 0px 20px; padding: 0px;
}
#filters ul li {
	display: inline-block;
}
#filters ul li a {
	padding: 2px 5px; color: inherit; font-weight: 600; margin-right: 5px; margin-bottom: 5px; float: left; display: block;
}
#filters ul li a:hover {
	outline: 0px; text-decoration: none;
}
#filters ul li a:focus {
	outline: 0px; text-decoration: none;
}
#filters ul li a h5 {
	padding: 5px 10px; border: 2px solid rgb(242, 242, 242); border-image: none; font-size: 14px;
}
#filters ul li a:hover h5 {
	color: rgb(252, 252, 252);
}
#filters ul li a.active h5 {
	color: rgb(252, 252, 252);
}
#portfolio-wrap {
	margin: 0px auto; padding: 0px; width: 100.1%; display: block; position: relative;
}
#portfolio-wrap .grid {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 20%; line-height: 0; overflow: hidden;
}
.current.portfolio-item {
	z-index: 101;
}
.portfolio-item {
	padding: 0px; overflow: hidden; position: relative;
}
.portfolio-item .portfolio-image {
	overflow: hidden; display: block; position: relative;
}
.portfolio-item .portfolio-image img {
	width: 100%; height: auto;
}
.portfolio .portfolio-overlay {
	transition:0.3s ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 4; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-opacity: 0;
}
.portfolio > a {
	color: rgb(255, 255, 255);
}
.portfolio > a:hover {
	color: rgb(255, 255, 255);
}
.portfolio-item .portfolio > a:hover > .portfolio-overlay {
	opacity: 1; -moz-opacity: 1;
}
.portfolio > a img {
	transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.portfolio > a:hover img {
	transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.portfolio .thumb-info {
	transition:0.3s ease-in-out; width: 100%; height: 100%; position: absolute; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-opacity: 0;
}
.portfolio a:hover .portfolio-overlay .thumb-info {
	opacity: 1; -moz-opacity: 1;
}
.portfolio-overlay .thumb-info i {
	top: 50%;
}
.portfolio-overlay .thumb-info h5 {
	top: 20%; font-size: 18px;
}
.portfolio-overlay .thumb-info p {
	top: 50%; font-size: 13px;
}
.portfolio-overlay .thumb-info h5 {
	width: 100%; text-align: center; color: rgb(255, 255, 255); position: absolute;
}
.portfolio-overlay .thumb-info p {
	width: 100%; text-align: center; color: rgb(255, 255, 255); font-weight: bold; position: absolute;
}
.portfolio-overlay .thumb-info i {
	width: 100%; text-align: center; color: rgb(255, 255, 255); display: block; position: absolute;
}
.isotope {
	transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;
}
.isotope .isotope-item {
	transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;
}
.isotope {
	transition-property: height, width; -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width;
}
.isotope .isotope-item {
	transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity;
}
.no-transition.isotope {
	transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;
}
.no-transition.isotope .isotope-item {
	transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;
}
.isotope .no-transition.isotope-item {
	transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;
}
section#services h2 {
	text-align: center; font-size: 22px; margin-top: 10px; margin-bottom: 15px;
}
section#services p {
	margin: 10px;
}
section#services .service-box {
	padding: 20px; transition:0.3s ease-in-out; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
section#services .span3:hover {
	background: rgb(227, 227, 227);
}
section#services .service-box h2 {
	color: rgb(247, 247, 247); font-weight: 700;
}
section.orange.section#services .service-box:hover {
	background: rgb(243, 101, 24);
}
section#blog {
	background: rgb(242, 242, 242);
}
.home-post {
	background: rgb(255, 255, 255);
}
.home-post:hover {
	transition:0.4s ease-in-out; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
}
.home-post .entry-content {
	padding: 20px;
}
.home-post .entry-content h5 a {
	font-size: 22px;
}
.home-post .entry-content h5 a:hover {
	color: rgb(49, 47, 43); text-decoration: none;
}
.home-post .entry-content a.more {
	font-size: 13px;
}
.home-post .post-meta {
	padding: 20px; color: rgb(252, 252, 252); overflow: hidden;
}
.home-post .post-meta i {
	margin-right: 20px; float: left;
}
.home-post .post-meta span {
	margin-top: 10px;
}
.home-post .post-meta span.date {
	font-size: 13px; font-weight: 700; float: left;
}
.home-post .post-meta span.tags {
	color: rgb(221, 221, 221); font-size: 13px; font-weight: 700; float: right;
}
.home-post .post-meta span.tags a {
	color: rgb(252, 252, 252);
}
section#about {
	background: rgb(242, 242, 242);
}
.people {
	text-align: center;
}
.people h3 {
	letter-spacing: -1px; font-weight: 700; margin-bottom: 10px;
}
.team-thumb {
	text-align: center; margin-top: 26px;
}
#tweet {
	margin: 20px 0px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 20px;
}
#tweet ul {
	list-style: none; margin: 0px; padding: 0px; width: 100%; text-align: center; float: left;
}
#tweet ul li {
	list-style: none; margin: 0px 0px 20px; padding: 0px 0px 0px 34px; line-height: 1.5em; font-size: 20px; display: inline-block;
}
#tweet ul li::before {
	text-transform: none; line-height: 1; font-family: "FontAwesome"; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 20px; content: "\f099"; -webkit-font-smoothing: antialiased; speak: none;
}
.validation {
	margin: -10px 0px 20px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; display: none;
}
#sendmessage {
	margin: 10px 0px 30px; padding: 15px 12px; border: 1px solid rgb(255, 255, 255); border-image: none; text-align: center; font-weight: 600; display: none;
}
.show#sendmessage {
	display: block;
}
.show {
	display: block;
}
#contact-form {
	position: relative; z-index: 999;
}
#contact-form input[type=text] {
	background: rgba(227, 231, 228, 1); border: 0px currentColor; border-image: none; text-align: left; font-family: "Open Sans", sans serif; font-size: 16px; vertical-align: middle;
}
.contactForm textarea {
	background: rgba(227, 231, 228, 1); border: 0px currentColor; border-image: none; text-align: left; font-family: "Open Sans", sans serif; font-size: 16px; vertical-align: middle;
}
#contact-form input[type=text]:focus {
	background: rgba(101, 106, 100, 1); color: rgb(239, 241, 239); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-transition: background 0.25 ease-in; -moz-transition: background 0.25 ease-in;
}
.contactForm textarea:focus {
	background: rgba(101, 106, 100, 1); color: rgb(239, 241, 239); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-transition: background 0.25 ease-in; -moz-transition: background 0.25 ease-in;
}
#contact-form input[type=text] {
	height: 60px; margin-bottom: 30px;
}
#contact-form input[type=submit] {
	margin: 0px 0px 20px; padding: 0.5em; border-radius: 3px; border: 0px currentColor; border-image: none; width: 185px; height: 60px; color: rgb(255, 255, 255); text-transform: none; letter-spacing: 0.05em; font-size: 16px; display: block; box-shadow: none; text-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none;
}
#contact-form input[type=submit]:hover {
	background: rgb(67, 65, 62) !important;
}
#contact-form input[type=submit]:active {
	background: rgb(67, 65, 62) !important;
}
#contact-form textarea {
	padding-top: 1em;
}
div.cform-response-output {
	padding: 0.5em !important; border-radius: 4px; text-align: center; margin-top: 0.5em !important; margin-left: 40% !important; max-width: 60%; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.cform-not-valid-tip {
	padding: 0.5em !important; border-radius: 4px; border: 1px dotted rgb(173, 55, 41) !important; border-image: none !important; left: 0px !important; width: 100% !important; color: rgb(136, 136, 136); font-family: "Open Sans", sans-serif; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
footer {
	background: rgb(43, 43, 43); padding: 50px 0px; text-align: center; color: rgb(94, 94, 94);
}
footer ul.social-networks {
	list-style: none;
}
footer ul.social-networks li {
	display: inline;
}
footer ul.social-networks li i {
	display: inline-block;
}
footer ul.social-networks li a {
	margin: 0px 5px; color: rgb(94, 94, 94);
}
footer ul.social-networks li a:hover {
	transition:0.4s ease-in-out; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
}
footer ul.social-networks li i.icon-bgdark {
	background: rgb(65, 65, 65); color: rgb(101, 101, 101);
}
footer ul.social-networks li a i.icon-instagram:hover {
	background: rgb(186, 123, 61); color: rgb(255, 255, 255);
}
footer ul.social-networks li a i.icon-twitter:hover {
	background: rgb(90, 210, 235); color: rgb(255, 255, 255);
}
footer ul.social-networks li a i.icon-dribbble:hover {
	background: rgb(245, 123, 113); color: rgb(255, 255, 255);
}
footer ul.social-networks li a i.icon-pinterest:hover {
	background: rgb(216, 72, 72); color: rgb(255, 255, 255);
}
i.icon-bglight {
	background: rgb(247, 247, 247); color: rgb(68, 68, 68);
}
i.active.icon-bglight {
	color: rgb(255, 255, 255);
}
i.active.icon-bglight:hover {
	background: rgb(247, 247, 247); color: rgb(68, 68, 68);
}
i.icon-bgdark {
	background: rgb(51, 51, 51); color: rgb(247, 247, 247);
}
i.icon-bgdark:hover {
	color: rgb(255, 255, 255);
}
i.active.icon-bgdark:hover {
	background: rgb(51, 51, 51); color: rgb(247, 247, 247);
}
i.icon-square {
	width: 24px !important; height: 24px !important; text-align: center; line-height: 24px !important; display: inline-block;
}
i.icon-2x.icon-square {
	width: 48px !important; height: 48px !important; line-height: 48px !important;
}
i.icon-3x.icon-square {
	width: 72px !important; height: 72px !important; line-height: 72px !important;
}
i.icon-4x.icon-square {
	width: 96px !important; height: 96px !important; line-height: 96px !important;
}
i.icon-5x.icon-square {
	width: 120px !important; height: 120px !important; line-height: 120px !important;
}
i.icon-rounded {
	border-radius: 6px !important; width: 24px !important; height: 24px !important; text-align: center; line-height: 24px !important; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;
}
.icon-2x.icon-rounded {
	width: 48px !important; height: 48px !important; line-height: 48px !important;
}
.icon-3x.icon-rounded {
	border-radius: 8px !important; width: 72px !important; height: 72px !important; line-height: 72px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;
}
.icon-4x.icon-rounded {
	border-radius: 10px !important; width: 96px !important; height: 96px !important; line-height: 96px !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;
}
.icon-5x.icon-rounded {
	border-radius: 12px !important; width: 120px !important; height: 120px !important; line-height: 120px !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px;
}
i.icon-circled {
	border-radius: 1000px !important; width: 24px !important; height: 24px !important; text-align: center; line-height: 24px !important; display: inline-block; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -o-border-radius: 1000px; -ms-border-radius: 1000px;
}
.icon-2x.icon-circled {
	width: 48px !important; height: 48px !important; line-height: 48px !important;
}
.icon-3x.icon-circled {
	width: 72px !important; height: 72px !important; line-height: 72px !important;
}
.icon-4x.icon-circled {
	width: 96px !important; height: 96px !important; line-height: 96px !important;
}
.icon-5x.icon-circled {
	width: 120px !important; height: 120px !important; line-height: 120px !important;
}
i.icon-white {
	color: rgb(255, 255, 255);
}
.icon-6x {
	font-size: 6em;
}
.icon-border.icon-6x {
	border-width: 6px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.icon-7x {
	font-size: 7em;
}
.icon-border.icon-6x {
	border-width: 6px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.icon-8x {
	font-size: 8em;
}
.icon-border.icon-6x {
	border-width: 6px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.icon-9x {
	font-size: 9em;
}
.icon-border.icon-6x {
	border-width: 6px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.icon-10x {
	font-size: 10em;
}
.icon-border.icon-6x {
	border-width: 6px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.btn {
	padding: 11px 19px; border-radius: 3px; border: currentColor; border-image: none; color: rgb(255, 255, 255); text-transform: none; letter-spacing: 0.05em; font-size: 16px; filter: none; box-shadow: none; text-shadow: none; background-image: none; background-color: rgb(84, 84, 84); -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.btn:link {
	color: rgb(255, 255, 255);
}
.btn:visited {
	color: rgb(255, 255, 255);
}
.btn:hover {
	background: rgb(51, 51, 51) !important;
}
.btn:hover {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.btn:focus {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.btn:active {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.active.btn {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.disabled.btn {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
[disabled].btn {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.btn-theme.btn:hover {
	background: rgb(51, 51, 51) !important;
}
.btn-large {
	padding: 18px 25px; border-radius: 0px; font-size: 24px; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.btn-large [class^='icon-'] {
	margin-top: 4px;
}
.btn-large [class*=' icon-'] {
	margin-top: 4px;
}
.btn-small {
	padding: 6px 13px; border-radius: 0px; font-size: 11.9px; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.btn-small [class^='icon-'] {
	margin-top: 0px;
}
.btn-small [class*=' icon-'] {
	margin-top: 0px;
}
.btn-mini [class^='icon-'] {
	margin-top: -1px;
}
.btn-mini [class*=' icon-'] {
	margin-top: -1px;
}
.btn-mini {
	padding: 0px 6px; border-radius: 0px; font-size: 10.5px; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.btn-primary {
	color: rgb(255, 255, 255); filter: none; text-shadow: none; background-image: none; background-color: rgb(9, 130, 140);
}
.btn-primary:hover {
	background: rgb(6, 81, 88); color: rgb(255, 255, 255);
}
.btn-primary:focus {
	background: rgb(6, 81, 88); color: rgb(255, 255, 255);
}
.btn-primary:active {
	background: rgb(6, 81, 88); color: rgb(255, 255, 255);
}
.active.btn-primary {
	background: rgb(6, 81, 88); color: rgb(255, 255, 255);
}
.disabled.btn-primary {
	background: rgb(6, 81, 88); color: rgb(255, 255, 255);
}
[disabled].btn-primary {
	background: rgb(6, 81, 88); color: rgb(255, 255, 255);
}
.btn-primary:active {
	
}
.active.btn-primary {
	
}
.btn-warning {
	color: rgb(255, 255, 255); filter: none; text-shadow: none; background-image: none; background-color: rgb(255, 232, 115);
}
.btn-warning:hover {
	background: rgb(184, 143, 34); color: rgb(255, 255, 255);
}
.btn-warning:focus {
	background: rgb(184, 143, 34); color: rgb(255, 255, 255);
}
.btn-warning:active {
	background: rgb(184, 143, 34); color: rgb(255, 255, 255);
}
.active.btn-warning {
	background: rgb(184, 143, 34); color: rgb(255, 255, 255);
}
.disabled.btn-warning {
	background: rgb(184, 143, 34); color: rgb(255, 255, 255);
}
[disabled].btn-warning {
	background: rgb(184, 143, 34); color: rgb(255, 255, 255);
}
.btn-warning:active {
	
}
.active.btn-warning {
	
}
.btn-danger {
	color: rgb(255, 255, 255); filter: none; text-shadow: none; background-image: none; background-color: rgb(243, 111, 54);
}
.btn-danger:hover {
	background: rgb(219, 95, 88); color: rgb(255, 255, 255);
}
.btn-danger:focus {
	background: rgb(219, 95, 88); color: rgb(255, 255, 255);
}
.btn-danger:active {
	background: rgb(219, 95, 88); color: rgb(255, 255, 255);
}
.active.btn-danger {
	background: rgb(219, 95, 88); color: rgb(255, 255, 255);
}
.disabled.btn-danger {
	background: rgb(219, 95, 88); color: rgb(255, 255, 255);
}
[disabled].btn-danger {
	background: rgb(219, 95, 88); color: rgb(255, 255, 255);
}
.btn-danger:active {
	
}
.active.btn-danger {
	
}
.btn-success {
	color: rgb(255, 255, 255); filter: none; text-shadow: none; background-image: none; background-color: rgb(27, 172, 145);
}
.btn-success:hover {
	background: rgb(85, 186, 147); color: rgb(255, 255, 255);
}
.btn-success:focus {
	background: rgb(85, 186, 147); color: rgb(255, 255, 255);
}
.btn-success:active {
	background: rgb(85, 186, 147); color: rgb(255, 255, 255);
}
.active.btn-success {
	background: rgb(85, 186, 147); color: rgb(255, 255, 255);
}
.disabled.btn-success {
	background: rgb(85, 186, 147); color: rgb(255, 255, 255);
}
[disabled].btn-success {
	background: rgb(85, 186, 147); color: rgb(255, 255, 255);
}
.btn-success:active {
	
}
.active.btn-success {
	
}
.btn-info {
	color: rgb(255, 255, 255); filter: none; text-shadow: none; background-image: none; background-color: rgb(77, 189, 198);
}
.btn-info:hover {
	background: rgb(106, 154, 208); color: rgb(255, 255, 255);
}
.btn-info:focus {
	background: rgb(106, 154, 208); color: rgb(255, 255, 255);
}
.btn-info:active {
	background: rgb(106, 154, 208); color: rgb(255, 255, 255);
}
.active.btn-info {
	background: rgb(106, 154, 208); color: rgb(255, 255, 255);
}
.disabled.btn-info {
	background: rgb(106, 154, 208); color: rgb(255, 255, 255);
}
[disabled].btn-info {
	background: rgb(106, 154, 208); color: rgb(255, 255, 255);
}
.btn-info:active {
	
}
.active.btn-info {
	
}
.btn-inverse {
	color: rgb(255, 255, 255); filter: none; text-shadow: none; background-image: none; background-color: rgb(60, 60, 60);
}
.btn-inverse:hover {
	background: rgb(43, 42, 42); color: rgb(255, 255, 255);
}
.btn-inverse:focus {
	background: rgb(43, 42, 42); color: rgb(255, 255, 255);
}
.btn-inverse:active {
	background: rgb(43, 42, 42); color: rgb(255, 255, 255);
}
.active.btn-inverse {
	background: rgb(43, 42, 42); color: rgb(255, 255, 255);
}
.disabled.btn-inverse {
	background: rgb(43, 42, 42); color: rgb(255, 255, 255);
}
[disabled].btn-inverse {
	background: rgb(43, 42, 42); color: rgb(255, 255, 255);
}
.btn-inverse:active {
	
}
.active.btn-inverse {
	
}
.btn-flat {
	border-radius: 0px; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.btn-rounded {
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.btn-rounded.btn-large {
	border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px;
}
.navbar-inverse .btn-navbar {
	width: auto; height: auto;
}
@media all and (max-width:979px) and (min-width:768px)
{
body {
	padding: 0px;
}
.navbar-inner {
	padding-right: 20px; padding-left: 20px;
}
.navbar-inner h1.brand {
	margin-left: 20px;
}
.navbar-inner .btn-navbar {
	margin: 20px 20px 0px;
}
.container {
	padding-right: 20px; padding-left: 20px;
}
.navbar-inverse .navbar-inner {
	padding: 0px 0px 30px;
}
.nav-collapse {
	width: 100%; text-align: center;
}
}
@media all and (max-width:767px)
{
body {
	padding: 0px;
}
.navbar-inner {
	padding-right: 20px; padding-left: 20px;
}
.navbar-inner h1.brand {
	margin-left: 20px;
}
.navbar-inner .btn-navbar {
	margin: 20px 20px 0px;
}
.container {
	padding-right: 20px; padding-left: 20px;
}
.navbar-inverse .navbar-inner {
	padding: 0px 20px 30px;
}
.nav-collapse {
	width: 100%; text-align: center;
}
#portfolio-wrap .grid {
	width: 25%;
}
}
@media all and (max-width:480px)
{
#header-wrapper {
	padding-top: 80px;
}
#team .team-thumb {
	width: 150px; text-align: center; margin-right: auto; margin-left: auto; display: block;
}
#portfolio-wrap .grid {
	width: 50%;
}
}
@media only screen and (max-device-width:480px) and (min-device-width:320px)
{
section.section {
	padding: 1em 0px;
}
#works .container {
	top: 0px !important;
}
.max-img {
	width: 100%;
}
.max-img {
	margin-right: auto; margin-left: auto; display: block;
}
section#services h2 {
	margin-bottom: 0.25em;
}
section#services h2 {
	text-align: center;
}
section#services ul {
	text-align: center;
}
#team .team-thumb {
	width: 150px; text-align: center; margin-right: auto; margin-left: auto; display: block;
}
.navbar-fixed-top {
	margin-right: auto; margin-left: auto;
}
.navbar-fixed-bottom {
	margin-right: auto; margin-left: auto;
}
.navbar-static-top {
	margin-right: auto; margin-left: auto;
}
#contact-form {
	overflow: hidden;
}
#contact-form input[type=submit] {
	width: 100%;
}
}
article
{
    display:block;
}
#pro_bg {
/*background:url("../img/bg_clashofclans_productshot.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;min-height:400px;*/
background-image: url("../img/device_show.jpg");
background-repeat:no-repeat; 
min-height:400px;
}
.buttonappstore
{ 
 background-image: url("../img/bg_button_appstore.png");
 background-repeat:no-repeat; 
  height:42px;
 width:144px;
 text-indent:-9999px;
 margin-right:15px;
 margin-bottom:5px; 
 float:right;
}
.buttongoogleplay
{ 
 background-image: url("../img/bg_button_googleplay15.png");
 background-repeat:no-repeat; 
  height:42px;
 width:144px;
 text-indent:-9999px;
 margin-right:15px;
 margin-bottom:5px; 
 float:right;
} 
.facebook
{
   padding-left:30px;
   background-position:-4px -763px;
   -webkit-background-size:45px auto;
   -moz-background-size:45px auto;
   -o-background-size:45px auto;
   background-size:45px auto;
    background-image:url("../img/bg_button_arrow.png");
    background-repeat:no-repeat; 
}
/*p{
    font-family:"Whitney SSm A","Whitney SSm B",sans-serif;
    line-height:1.75em;
    color:#5e5e5e;
}*/