@font-face {
	font-family: 'quanregular';
	src: url('../fonts/quan-regular_0-webfont.eot');
	src: url('../fonts/quan-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/quan-regular_0-webfont.woff2') format('woff2'), url('../fonts/quan-regular_0-webfont.woff') format('woff'), url('../fonts/quan-regular_0-webfont.ttf') format('truetype'), url('../fonts/quan-regular_0-webfont.svg#quanregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'noyh_a_handmenuscript';
	src: url('../fonts/noyhahand-menuscript_0-webfont.eot');
	src: url('../fonts/noyhahand-menuscript_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/noyhahand-menuscript_0-webfont.woff2') format('woff2'), url('../fonts/noyhahand-menuscript_0-webfont.woff') format('woff'), url('../fonts/noyhahand-menuscript_0-webfont.ttf') format('truetype'), url('../fonts/noyhahand-menuscript_0-webfont.svg#noyh_a_handmenuscript') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background-color: #ffffff;
	padding: 0;
	font-family: 'quanregular', Arial, sans-serif;
	font-size: 31px;
	color: #444444;
	line-height: 1.36;
	overflow-x: hidden;
}
html, body {
	height: 100%;
}
a {
	color: #ffffff;
	outline: none !important;
	cursor: pointer;
}
h2 {
	color: #ffffff;
	font-size: 78px;
	line-height: 0.8;
}
h3 {
	font-size: 40px;
	color: #05afef;
	line-height: 0.8;
	margin-top: 13px;
}
.page-index {
	padding-top: 4px;
}
.header {
	background-color: rgba(0, 0, 0, 0.25);
	border-color: #00aeef;
	border-width: 0 0 1px;
	padding-top: 52px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.affix {
	padding-top: 0;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1;
}
.affix .navbar-header {
	padding-bottom: 15px;
}
.page-index .header {
	background-color: transparent;
	border-color: transparent;
}
.navbar-header {
	padding-bottom: 34px;
}
.menu {
	padding-top: 35px;
}
.navbar-brand {
	height: auto;
	max-width: 100%;
}
.navbar-default .navbar-nav>li a {
	color: #ffffff;
	font-size: 29px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #2ec5fe;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
	color: #2ec5fe;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: transparent;
	color: #2ec5fe;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	background-color: transparent;
	font-size: 25px;
	color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li.active>a {
	color: #0E242F;
}
.navbar-nav .open .dropdown-menu {
	background-color: rgba(46, 197, 254, 0.6);
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.logo-container {
	position: relative;
}
.logo-container::before {
	content: "";
	display: block;
	position: absolute;
	left: -100.5%;
	width: 100%;
	border: 6px solid #ffffff;
	border-left-width: 0;
	top: 26px;
	height: 65px;
	border-radius: 0 36px 36px 0;
	-moz-border-radius: 0 36px 36px 0;
	-webkit-border-radius: 0 36px 36px 0;
}
.align-center {
	margin-left: auto;
	margin-right: auto;
}
.text-1 {
	font-size: 53px;
	color: #00aeef;
	line-height: 0.8;
	padding: 10px 4% 10px;
	border: 5px solid #ffffff;
	border-right-width: 0;
	border-radius: 36px 0 0 36px;
	-moz-border-radius: 36px 0 0 36px;
	-webkit-border-radius: 36px 0 0 36px;	/*text-shadow: 1px 1px 2px #000;*/
	background-color: rgba(255, 255, 255, 0.7);
	line-height: 0.8;
}
.text-1a {
	font-size: 50px;
}
.text-2 {
	font-size: 47px;
	line-height: 0.86;
	padding-bottom: 32px;
}
.text-3 {
	font-size: 36px;
	line-height: 1.2;
	color: #ffffff;
}
.text-grey {
	color: #454545;
	font-size: 36px;
	line-height: 1.2;
}
.text-4 {
	font-family: 'noyh_a_handmenuscript', Arial, sans-serif;
	font-size: 70px;
	line-height: 0.85;
	color: #25436c;
}
.text-5 {
	font-family: 'noyh_a_handmenuscript', Arial, sans-serif;
	font-size: 52px;
	line-height: 0.7;
}
.text-7 {
	font-size: 21px;
	line-height: 1.1;
}
.text-8 {
	font-size: 17px;
	line-height: 0.86;
}
.text-9 {
	font-size: 46px;
	color: #454545;
	line-height: 0.96;
}
.text-10 {
	font-size: 32px;
	color: #00aeef;
	line-height: 0.8;
	padding-bottom: 2px;
}
.text-11 {
	font-family: 'noyh_a_handmenuscript', Arial, sans-serif;
	font-size: 35px;
	color: #00aeef;
}
.callout {
	width: 250px;
	font-family: 'noyh_a_handmenuscript', Arial, sans-serif;
	font-size: 50px;
	line-height: 0.7;
	text-align: center;
	margin: 20px;
}
.color-blue {
	color: #00aeef !important;
}
.color-inherit {
	color: inherit !important;
}
.color-white {
	color: #ffffff !important;
}
.list-icon {
	list-style: none;
	padding: 15px 0 0 28px;
}
.list-icon li {
	position: relative;
	padding-top: 6px;
}
.list-icon .icon {
	position: absolute;
	left: -28px;
}
.nav-left {
	background: url("../images/nav_left.png") no-repeat left top/320px auto;
	padding: 30px 46px 0 0;
	min-height: 500px;
	max-width: 320px;
}
.page-marketing .nav-left, .page-web-design .nav-left, .page-site-development .nav-left, .page-ecommerce .nav-left, .page-content-management-systems .nav-left, .page-responsive-design .nav-left, .page-thank-you .nav-left, .page-graphic-design .nav-left, .page-printing-mailing .nav-left, .page-social-media .nav-left, .page-photography .nav-left, .page-hosting-domain .nav-left {
	background-image: url("../images/plant.png");
	padding-top: 92px;
	padding-right: 34px;
	max-width: none;
}
.nav-left ul.rotate {
	transform: rotate(8deg);
	-webkit-transform: rotate(8deg);
}
.nav-left li {
	list-style: none;
	padding-bottom: 6px;
}
.nav-left li a {
	text-align: right;
	color: #00aeef;
	font-size: 30px;
	display: block;
	text-decoration: none;
}
.nav-left li a:hover, .nav-left li a:focus, .nav-left li.active a {
	color: #ffffff;
}
.nav-icon li {
	text-align: center;
}
.nav-icon li a {
	padding: 0;
	background-color: transparent !important;
}
.nav-icon li a .icon {
	margin-top: 12px;
}
.zoom-in {
	transform: scale(0.75);
	-webkit-transform: scale(0.75);
}
.zoom-in:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
}
a.link-icon {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
}
.link-icon-sm+.link-icon-sm {
	margin-left: -5px;
}
.link-top {
	background: url("../images/btn_back-top.png") left top no-repeat;
	width: 119px;
	height: 35px;
}
.icon {
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.icon-sm {
	transform: scale(0.75);
	-webkit-transform: scale(0.75);
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}
.icon-web-site-sm {
	width: 36px;
	height: 39px;
	background-position: 0px -299px;
}
.icon-cms-sm {
	width: 56px;
	height: 39px;
	background-position: -46px -299px;
}
.icon-mobile-sm {
	width: 27px;
	height: 39px;
	background-position: -113px -299px;
}
.icon-graphic-sm {
	width: 36px;
	height: 39px;
	background-position: -159px -299px;
}
.icon-printing-sm {
	width: 36px;
	height: 39px;
	background-position: -209px -299px;
}
.icon-address {
	width: 39px;
	height: 30px;
	background-position: -253px -262px;
}
.icon-circle {
	width: 23px;
	height: 23px;
	background-position: -158px -69px;
}
.icon-visit {
	width: 23px;
	height: 23px;
	background-position: -12px -99px;
}
.icon-edit {
	width: 41px;
	height: 31px;
	background-position: -116px -68px;
}
.icon-cms {
	width: 101px;
	height: 65px;
	background-position: -5px -5px;
}
.icon-e-commerce {
	width: 63px;
	height: 63px;
	background-position: -116px -5px;
}
.icon-fax {
	width: 36px;
	height: 34px;
	background-position: -347px -262px;
}
.icon-graphic {
	width: 64px;
	height: 60px;
	background-position: -189px -5px;
}
.icon-hosting {
	width: 58px;
	height: 54px;
	background-position: -189px -75px;
}
.icon-mail {
	width: 32px;
	height: 34px;
	background-position: -5px -139px;
}
.icon-mail-black {
	width: 37px;
	height: 34px;
	background-position: -206px -262px;
}
.icon-mobile {
	width: 48px;
	height: 63px;
	background-position: -47px -139px;
}
.icon-pencil {
	width: 103px;
	height: 28px;
	background-position: -105px -139px;
}
.icon-phone {
	width: 31px;
	height: 34px;
	background-position: -218px -139px;
}
.icon-phone-black {
	width: 35px;
	height: 36px;
	background-position: -302px -262px;
}
.icon-photography {
	width: 66px;
	height: 51px;
	background-position: -105px -177px;
}
.icon-printing {
	width: 63px;
	height: 63px;
	background-position: -181px -183px;
}
.icon-services {
	width: 34px;
	height: 32px;
	background-position: -263px -5px;
}
.icon-social {
	width: 76px;
	height: 63px;
	background-position: -307px -5px;
}
.icon-fb {
	width: 42px;
	height: 42px;
	background-position: -5px -256px;
}
.icon-in {
	width: 42px;
	height: 42px;
	background-position: -58px -256px;
}
.icon-tw {
	width: 42px;
	height: 42px;
	background-position: -108px -256px;
}
.icon-gp {
	width: 42px;
	height: 42px;
	background-position: -160px -256px;
}
.icon-web-design {
	width: 74px;
	height: 59px;
	background-position: -259px -78px;
}
.icon-web-site {
	width: 65px;
	height: 60px;
	background-position: -259px -147px;
}
.section-1::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	height: 3px;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.29);
}
.section-1 {
	background-position: center top;
	background-repeat: repeat-y;
	position: relative;
	border-bottom: 1px solid transparent;
	min-height: 433px;
}
.page-heading {
	position: relative;
}
.page-about .section-1 {
	background-image: url("../images/bg_about.jpg");
}
.page-marketing .section-1 {
	background-image: url("../images/bg_marketing_top.jpg");
}
.page-responsive-design .section-1, .page-thank-you .section-1 {
	background-image: url("../images/bg_mobile-top.jpg");
}
.page-thank-you .section-1 {
	background-image: url("../images/bg_thank-you.jpg");
}
.page-web-design .section-1 {
	background-image: url("../images/bg_web-design-top.jpg");
}
.page-why-choose-mico-marketing .section-1 {
	background-image: url("../images/bg_about.jpg");
}
.page-site-development .section-1 {
	background-image: url("../images/bg_web-development-top.jpg");
}
.page-ecommerce .section-1 {
	background-image: url("../images/bg_ecommerce-top.jpg");
}
.page-content-management-systems .section-1 {
	background-image: url("../images/bg_cms-top.jpg");
}
.page-graphic-design .section-1 {
	background-image: url("../images/bg_graphic-design-top.jpg");
}
.page-photography .section-1 {
	background-image: url("../images/bg_photography-top.jpg");
}
.page-social-media .section-1 {
	background-image: url("../images/bg_social-media-top.jpg");
}
.page-printing-mailing .section-1 {
	background-image: url("../images/bg_printing-mailing-top.jpg");
}
.page-our-marketing-team .section-1 {
	background-image: url("../images/bg_about.jpg");
}
.page-contact .section-1 {
	background-image: url("../images/bg_contact.jpg");
}
.page-portfolio .section-1 {
	background-image: url("../images/bg_portfolio.jpg");
}
.page-hosting-domain .section-1 {
	background-image: url("../images/bg_hosting-domain-top.jpg");
}
.page-index .section-1 {
	background-image: url("../images/bg1.jpg");
	background-position: center bottom;
	height: 100%;
	min-height: 700px;
}
.page-index .section-1::before {
	background: url("../images/talk.png") left top no-repeat;
	width: 159px;
	height: 54px;
	content: "";
	display: block;
	position: absolute;
	bottom: 27px;
	left: 10%;
}
.section-1::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	height: 3px;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.29);
}
.section-1-inner {
	padding-top: 118px;
	padding-bottom: 10px;
}
.affix+.section-1-inner {
	padding-top: 321px;
}
.page-index .section-1 .slogan {
	top: 44.5%;
	position: absolute;
	width: auto;
	right: 0;
	bottom: auto;
}
.section-frames {
	background: url("../images/bg_frames.jpg") center top repeat-y;
	min-height: 1163px;
	position: relative;
}
.section-frames-left {
	background: url("../images/frames_left.png") left top no-repeat;
	position: absolute;
	top: 9px;
	left: 0;
	width: 226px;
	height: 1154px;
}
.section-project-detail {
	background: url("../images/project_detail.jpg") no-repeat fixed 0 100%;
	min-height: 1455px;
	padding: 48px 0;
}
.section-project-detail-inner {
	background-color: rgba(255, 255, 255, 0.7);
	color: #3f3f3f;
	font-size: 22px;
	padding: 38px 0 5px;
	line-height: 1.2;
}
.project a {
	color: #00aeef;
}
.project-detail-right {
	margin-top: -5px;
}
.project-detail-img {
	padding-top: 13px;
}
.section-2 {
	background: url("../images/bg2.jpg") center top repeat-y;
	min-height: 1057px;
	color: #ffffff;
}
.section-2-right {
	padding-top: 93px;
	padding-bottom: 240px;
	min-height: 1057px;
	background: url("../images/pens.png") left bottom no-repeat;
}
.section-3 {
	background: url("../images/bg3.jpg") no-repeat fixed 50% 0;
	min-height: 1332px;
	padding: 46px 0;
	font-size: 26px;
	color: #555555;
	line-height: 1.14;
}
.section-4 {
	background: url("../images/bg4.jpg") repeat-y left top;
	padding-top: 68px;
	padding-bottom: 250px;
}
.section-5 {
	background: #B6B5BD url("../images/bg5.jpg") no-repeat center top;
	min-height: 1269px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.section-marketing {
	background: #15333c url("../images/bg_marketing.jpg") no-repeat center top;
	min-height: 500px;
	padding-top: 85px;
	padding-bottom: 50px;
}
.section-title img.pull-left+.text-4 {
	padding-top: 4px;
}
.bg-light-white {
	background-color: rgba(255, 255, 255, 0.85);
	padding-top: 82px;
	padding-bottom: 29px;
}
.footer {
	background: url("../images/footer.jpg") center top repeat-y;
	padding-top: 47px;
	color: #ffffff;
}
.footer .logo-container::before {
	top: 33px;
	border-width: 3px 3px 3px 0;
	height: 34px;
}
.footer-left .logo {
	padding-top: 19px;
}
.footer .icon-pencil {
	position: relative;
	left: -15px;
}
.footer-right {
	padding-top: 28px;
}
.box-subscribe {
	padding-top: 135px;
	background: url("../images/box.png") no-repeat center top/320px auto;
}
.box-subscribe.subscribed {
	background: none;
}
.box-subscribe label {
	font-size: 37px;
}
.form-contact {
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
	background-color: #e6e6e6;
	border: 1px solid #ffffff;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	margin-top: 16px;
	padding: 8px 12px 31px;
	max-width: 576px;
}
.buttons {
	padding-top: 27px;
}
.checkboxes {
	padding-top: 18px;
}
.checkbox input {
	position: relative;
	top: 8px;
}
.checkbox label {
	font-size: 28px;
	color: #595959;
}
.form-horizontal .checkbox {
	line-height: 1.1;
	padding-top: 0;
}
.form-horizontal .control-label {
	text-align: left;
	position: relative;
	top: 6px;
	padding-top: 2px;
}
.btn {
	color: #ffffff;
}
label {
	font-weight: normal;
}
label.error {
	color: red;
	font-size: 20px;
}
.form-control {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	height: 37px;
	line-height: 37px;
	font-size: 20px;
}
.form-control:focus {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #3d3d3d;
}
.form-control.form-control-simple {
	background: url(../images/bg_text.png) repeat left top transparent;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	border-width: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input.form-control.form-control-simple {
	padding-top: 11px;
}
textarea.form-control {
	resize: none;
	min-height: 185px;
}
.loading {
	width: 200px;
	margin: 0 auto;
}
.btn-green {
	font-size: 30px;
	background-color: #73b718;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 5px 8px;
	line-height: 0.8;
}
.form-inline label+.btn-green {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.source {
	font-size: 20px;
}
.quote {
	position: relative;
	margin-bottom: 115px;
}
.quote::before {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/tail.png) right bottom no-repeat;
	width: 72px;
	height: 22px;
	right: 43px;
	bottom: -22px;
}
.quote::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/toy.png) right bottom no-repeat;
	width: 148px;
	height: 217px;
	right: -85px;
	bottom: -167px;
}
.quote-inner {
	color: #000000;
	font-family: 'noyh_a_handmenuscript', Arial, sans-serif;
	font-size: 30px;
	line-height: .9;
	background-color: #ffffff;
	border-radius: 36px;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	padding: 27px 40px 20px;
}
.quote-inner .carousel {
	min-height: 135px;
}
.truck-animation-container {
	position: relative;
	overflow: hidden;
}
.truck-animation {
	position: absolute;
	right: -20%;
	bottom: 150px;
	height: 343px;
	width: 330px;
}
.truck-animation-inner {
	position: relative;
	height: 100%;
}
.tire {
	background: url(../images/tire.png) left top repeat-x;
	height: 23px;
	position: absolute;
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	right: -6.3%;
	top: 9.5%;
	width: 108%;
}
.tire-2 {
	right: -21.5%;
	top: 53.3%;
	transform: rotate(-18deg);
	-webkit-transform: rotate(-18deg);
}
.truck {
	background: url(../images/truck.png) center top no-repeat;
	height: 343px;
	width: 330px;
	position: absolute;
	right: 0%;
	top: -1%;
}
.truck, .tire {
	visibility: hidden;
}
.frames {
	position: relative;
	padding-top: 70px;
	font-size: 0px;
	text-align: center;
}
.frame {
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	display: inline-block;
	width: 100%;
}
.frame-inner {
	position: relative;
	padding: 36px 41px 30px 43px;
}
.frame-1 {
	background-image: url(../images/frame1.png);
}
.frame-2 {
	background-image: url(../images/frame2.png);
}
.frame-3 {
	background-image: url(../images/frame3.png);
}
.flag {
	background: url("../images/flag.png") no-repeat scroll center top/100% auto;
	min-height: 82px;
	padding-top: 9px;
	margin-top: 5px;
}
.project-title {
	font-family: 'noyh_a_handmenuscript', Arial, sans-serif;
	font-size: 28px;
	color: #00aeef;
	line-height: 0.5;
}
.project-service {
	font-size: 18px;
	color: #474747;
}
.project-overview {
	color: #dedede;
	font-size: 19px;
	line-height: 1.27;
	background-color: rgba(0, 0, 0, 0.87);
	position: absolute;
	left: 43px;
	right: 41px;
	top: 38px;
	bottom: 30px;
	opacity: 0;
	text-align: center;
	padding: 0 15px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.frame:hover .project-overview {
	opacity: 1;
}
.project-overview-table {
	display: table;
	height: 100%;
}
.project-overview-cell {
	display: table-cell;
	vertical-align: middle;
}
.project-explore {
	color: #ffffff;
	font-size: 27px;
	text-decoration: none;
	margin-top: -23px;
}
.project-explore span {
	font-size: 50px;
	position: relative;
	top: 2px;
}
.project-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.project-blocks {
	background: url(../images/bg_projects.png) left top repeat-y transparent;
	min-height: 391px;
	padding: 0 13px 0 46px;
	margin-top: 30px;
}
.project-block {
	width: 132px;
	height: 132px;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 12px 3px 51px;
}
.project-block-ae {
	background-image: url(../images/project_block_ae.jpg);
}
.project-block-ae:hover {
	background-image: url(../images/project_block_ae_hover.jpg);
}
.project-block-asc {
	background-image: url(../images/project_block_asc.jpg);
}
.project-block-asc:hover {
	background-image: url(../images/project_block_asc_hover.jpg);
}
.project-block-pro {
	background-image: url(../images/project_block_pro.jpg);
}
.project-block-pro:hover {
	background-image: url(../images/project_block_pro_hover.jpg);
}
.project-block-nitt {
	background-image: url(../images/project_block_nitt.jpg);
}
.project-block-nitt:hover {
	background-image: url(../images/project_block_nitt_hover.jpg);
}
.project-block-mbs {
	background-image: url(../images/project_block_mbs.jpg);
}
.project-block-mbs:hover {
	background-image: url(../images/project_block_mbs_hover.jpg);
}
.project-block-eb {
	background-image: url(../images/project_block_eb.jpg);
}
.project-block-eb:hover {
	background-image: url(../images/project_block_eb_hover.jpg);
}
.project-block-summit {
	background-image: url(../images/project_block_summit.jpg);
}
.project-block-summit:hover {
	background-image: url(../images/project_block_summit_hover.jpg);
}
.project-block-letip {
	background-image: url(../images/project_block_letip.jpg);
}
.project-block-letip:hover {
	background-image: url(../images/project_block_letip_hover.jpg);
}
.project-block-aw {
	background-image: url(../images/project_block_aw.jpg);
}
.project-block-aw:hover {
	background-image: url(../images/project_block_aw_hover.jpg);
}
.project-block-senior {
	background-image: url(../images/project_block_senior.jpg);
}
.project-block-senior:hover {
	background-image: url(../images/project_block_senior_hover.jpg);
}
.project-preview-container {
	background: url(../images/preview.png) left top no-repeat transparent;
	min-height: 696px;
}
.project-preview-action {
	font-size: 28px;
	padding: 49px 0 29px 66px;
}
.project-preview .btn-green {
	font-size: 28px;
	padding: 11px 15px;
}
.project-previews {
	padding: 0 162px 0 70px;
}
.project-preview-iframe {
	height: 312px;
	margin-bottom: 147px;
	width: 497px;
}
.project-preview iframe {
	border: 0 none;
	height: 878px;
	-ms-transform: scale(0.355);
	-moz-transform: scale(0.355);
	-o-transform: scale(0.355);
	-webkit-transform: scale(0.355);
	transform: scale(0.355);
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 1400px;
}
a.project-block-back {
	color: #00aeef;
	margin-right: 3px;
}
@media ( min-width : 480px) {
.project-explore {
	margin-top: 0;
}
.flag {
	margin-top: -9px;
	background-size: 84% auto;
	padding-top: 13px;
}
.frame {
	width: 380px;
}
.frame-inner {
	padding: 52px 57px 58px 61px;
}
.project-overview {
	left: 61px;
	right: 57px;
	top: 52px;
	bottom: 58px;
	font-size: 22px;
}
}
@media ( min-width :768px) {
.navbar-default .navbar-nav>li>a {
	padding-left: 0;
	padding-right: 30px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	padding-bottom: 1px;
	padding-top: 1px;
}
.page-index .section-1 {
	min-height: 0;
}
.team-pic {
	padding-right: 20px;
	float: left;
	max-width: 100%;
}
.page-heading .slogan {
	bottom: 10px;
	position: absolute;
	width: auto;
	right: 0;
}
.truck-animation {
	visibility: hide;
}
.box-subscribe {
	background-size: 455px auto;
	padding-top: 234px;
	min-height: 350px;
}
.form-inline label+.btn-green {
	position: relative;
	top: -1px;
	margin-left: 2px;
	display: inline;
}
.footer .icon-pencil {
	left: -36px;
}
.nav-icon li {
	float: left;
}
.nav-icon li+li {
	padding-left: 50px;
}
.menu ul {
	float: right;
}
.page-index .section-1::before {
	left: 54.5%;
}
.team-bio {
	font-size: 22px;
}
.copyright {
	text-align: center;
	font-size: 16px;
	color: #09F;
	margin-top: 15px;
}
.mini {
	font-size: 30px;
}
}
@media ( min-width : 992px) {
.nav-left-container {
	position: relative;
}
.nav-left {
	max-width: none;
	position: absolute;
	left: 0;
	top: 50px;
	bottom: 0;
	width: 30%;
	background-size: 100% auto;
}
.page-marketing .nav-left {
	width: 35%;
}
.section-2-left {
	position: absolute;
	top: 50%;
	left: 0;
	width: 35%;
	padding: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.box-subscribe {
	background-size: 100% auto;
	padding-top: 189px;
}
.roll-in .truck, .roll-in .tire-1, .roll-in .tire-2 {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	visibility: visible;
}
.roll-in .truck {
	animation-name: roll-in;
	-webkit-animation-name: roll-in;
}
.roll-in .tire-1 {
	animation-name: show-tracks-1;
	-webkit-animation-name: show-tracks-1;
}
.roll-in .tire-2 {
	animation-name: show-tracks-2;
	-webkit-animation-name: show-tracks-2;
}
}
@media ( min-width : 1200px) {
.truck-animation {
	right: 0;
}
.box-subscribe {
	padding-top: 234px;
}
}
@keyframes roll-in {
0% {
transform: translateX(104%) translateY(-35.4%);
}
100% {
transform: translateX(0%) translateY(0%);
}
}
@-webkit-keyframes roll-in {
0% {
-webkit-transform: translateX(104%) translateY(-35.4%);
}
100% {
-webkit-transform: translateX(0%) translateY(0%);
}
}
@keyframes show-tracks-1 {
0% {
right: -3.2%;
top: -8%;
width: 1%;
}
100% {
right: -6.3%;
top: 9.5%;
width: 108%;
}
}
@-webkit-keyframes show-tracks-1 {
0% {
right: -3.2%;
top: -8%;
width: 1%;
}
100% {
right: -6.3%;
top: 9.5%;
width: 108%;
}
}
@keyframes show-tracks-2 {
0% {
right: -19.3%;
top: 37.4%;
width: 1%;
}
100% {
width: 108%;
right: -21.5%;
top: 53.3%;
}
}
@-webkit-keyframes show-tracks-2 {
0% {
right: -19.3%;
top: 37.4%;
width: 1%;
}
100% {
width: 108%;
right: -21.5%;
top: 53.3%;
}
}