/*
CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861

Columns Fixed (f)

*/

.block-home {
	margin-top:98px;
}
.block-2 {
	padding-top:30px;
	padding-bottom:30px;
}
.block-4 {
	padding-top:30px;
	padding-bottom:30px;
}
.block-home4 {
	padding-top:30px;
	padding-bottom:30px;
}
.block-5 {
	padding-top:30px;
	padding-bottom:25px;
}
.block-services {
	margin-top:110px;
	padding-bottom:20px;
	height:auto;
	position:relative;
}
.block-services2 {
	padding-bottom:20px;
}
.block-services3 {
	padding-bottom:20px;
}
.block-services4,
.block-services5,
.block-services6 {
	padding-top:20px;
	padding-bottom:20px;
}
.block-work {
	margin-top:110px;
}
.block-project-single {
	margin-top:110px;
}
.block-people {
	margin-top:110px;
	padding-top:30px;
	padding-bottom:30px;
}
.block-people2 {
	padding-top:30px;
	padding-bottom:30px;
}
.block-people-top {
	width:100%;
	margin-top:110px;
	padding-top:30px;
	padding-bottom:20px;
}
.block-news {
	margin-top:122px;
}
.block-contact {
	margin-top:110px;
}

.backtotop {
	margin-right:25px;
	margin-top:-60px;
}
.backtotop-orange,
.backtotop-white {
	margin-right:25px;
}

.heading {
	left:25px;
	bottom:25px;
	width:auto;
	padding-right:80px;
}
.heading-big {
	font-size:30px;
	line-height:32px;
}
.heading-sml {
	font-size:18px;
	line-height:20px;
	margin-top:10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:18px;
	line-height:20px;
}
h3 {
	padding-bottom:20px;
}
.hot-off {
	font-size:18px;
	line-height:20px;
}
.padding-left-right {
	padding-left:25px;
	padding-right:25px;
}
.padding-left {
	padding-left:25px;
}
.padding-right {
	padding-right:25px;
}
.icons-home {
	right:25px;
	bottom:25px;
}
.image-home {
	height:50%;
	width:80%;
	top:70px;
	left:10%;
	position:absolute;
	z-index:1;
}
.image-home img {
	width:100%;
	height:auto;
	position:absolute;
}
a.icon-down {
	right:25px;
}

.news-one,
.news-two,
.news-three,
.news-four {
	min-height:600px;
}
.news-one {
	width:49%;
	float:left;
}
.news-two {
	width:49%;
	margin-left:2%;
	float:left;
}
.news-three {
	width:49%;
	margin-left:0;
	float:left;
	margin-top:2%;
}
.news-four {
	width:49%;
	margin-left:2%;
	margin-top:2%;
	float:left;
}
.news-title {
	font-size:16px;
	line-height:18px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}
.news-text {
	font-size:16px;
	line-height:18px;
	padding-top:10px;
	padding-bottom:0;
	padding-left:15px;
	padding-right:15px;
}
.news-more {
	font-size:16px;
	padding-top:10px;
	padding-bottom:0;
	padding-left:15px;
	padding-right:15px;
}
.social {
	width:90%;
	height:50px;
}
.dashboard,
.address {
	width:auto;
	padding-bottom:10px;
}
.dashboard a,
.address a,
.emailus a,
.callus a {
	font-size:14px;
}
.block-5 p {
	font-size:16px;
	line-height:20px;
}
.text-under {
	width:88%;
	margin:0 auto;
	margin-top:30px;
}
.text-overlay2 {
	padding-bottom:190px;
}
.arrow-left.push-top,
.arrow-right.push-top {
	margin-top:-110px;
}
.arrow-left.push-top-capability,
.arrow-right.push-top-capability {
	margin-top:-250px;
}
.icons-home {
	display:none;
}
.arrow-left.push-top,
.arrow-left.push-top-capability {
	margin-left:10px;
}
.arrow-right.push-top,
.arrow-right.push-top-capability {
	margin-right:10px;
}
.owl-nav {
	margin-left:25px;
}
.owl-dots {
	margin-left:25px;
	bottom: 105px;
}
.heading-over {
	bottom:25px;
	padding:10px;
	width:50%;
	font-size:16px;
	line-height:16px;
}
.padding-top {
	padding-top:0;
}


/* Services */

.buttons-x6 {
	overflow:hidden;
}
.buttons-x6,
.button-1,
.slick-slide {
	height:230px;
}
.button-1 {
	width:33.3333%;
	float:left;
}
.slick-slide {
}
.slick-prev {
    left: -40px !important;
    width: 30px !important;
    height: 70px !important;
	margin-top:40px;
    background-image: url('../images/icon-prev.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    text-indent: -999999px !important;
}
.slick-next {
    right: -40px !important;
    width: 30px !important;
    height: 70px !important;
	margin-top:40px;
    background-image: url('../images/icon-next.png') !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    text-indent: -9999999999px !important;
}
.slick-next.slick-disabled, 
.slick-prev.slick-disabled {
	display: none !important;
}

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

.buttons-x6,
.button-1,
.slick-slide {
	height:180px;
}
.slick-prev,
.slick-next {
	margin-top:20px;
}

}

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

.buttons-x6,
.button-1,
.slick-slide {
	height:140px;
}
.slick-prev,
.slick-next {
	margin-top:0;
}

}
.buttons-inner {
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: calc(100% - 60px);
	left:0;
	height:80px;
	margin:0 auto;
}
.tabs-go-left {
	float:left;
	width:30px;
	height:70px;
	background-image: url(../images/icon-prev.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.tabs-go-right {
	float:right;
	width:30px;
	height:70px;
	background-image: url(../images/icon-next.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.title-services {
	position:relative;
}

.services-graphic {
	width:100%;
	height:490px;
	position:relative;
}
.services-graphic img {
	width:240px;
	height:240px;
	left:50%;
	margin-left:-120px;
	margin-top:130px;
	position:absolute;
}
ul.nav-buttons-services li {
	margin-right:25px;
}
ul.nav-buttons-services li a {
	font-size:14px;
	line-height:18px;
}
.services-nav {
	width:100%;
}
.sg-1 {
	width:60px;
	height:60px;
	margin-left:-80px;
	margin-top:-70px;
}
.sg-2 {
	width:60px;
	height:60px;
	margin-left:-80px;
	margin-top:25px;
}
.sg-3 {
	width:60px;
	height:60px;
	margin-left:20px;
	margin-top:15px;
}
.sg-1 a,
.sg-2 a,
.sg-3 a {
	width:60px;
	height:60px;
}
.project_desc {
	font-size:14px;
}
.mybox1 {
	width:270px;
	margin-left:-135px;
	left:50%;
	margin-top:370px;
}
.mybox2 {
	width:270px;
	margin-left:-135px;
	left:50%;
	margin-top:370px;
}
.mybox3 {
	width:270px;
	margin-left:-135px;
	left:50%;
	margin-top:370px;
}


/* Work */

.case-sudy-links span {
	float:none;
	margin-right:0;
}
.case-sudy-links ul li {
	float:none;
	margin-right:0;
}

.work {
	padding-top:20px;
	padding-bottom:20px;
}
.work-title {
	padding-top:10px;
}

.project-odd {
	width:100%;
	float:none;
	margin-right:0;
	margin-top:12px;
}
.project-even {
	width:100%;
	float:none;
	margin-left:0;
	margin-top:12px;
}
.project-full {
	width:100%;
	float:none;
	margin-left:0;
	margin-top:12px;
}

.project-text {
	padding-top:20px;
}
.project-odd a .over .project-text,
.project-odd a .over .project-text:hover {
	margin-left:25px;
}
.left {
	font-size:18px;
	line-height:20px;
	width:95%;
	float:none;
	margin-bottom:5px;
}
.right {
	width:95%;
	margin-left:0;
}
.head,
.info,
.case {
	font-family:'gotham-blackregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	line-height:16px;
}
.case img {
	margin-bottom:-4px;
}
.case .case-over .case-over-title .case-info div {
	/*padding-left:15px;*/
	font-size:13px;
	line-height:15px;
}
.padding-left-mobile {
	padding-left:25px;
}
.next {
	padding-right:25px;
}
.next a.prev,
.next a.next {
	line-height:70px;
}
.case-heading {
	font-size:18px;
	padding-bottom:5px;
}


/* People */

.staff-image img {
	width:100%;
	height:auto;
}
.info-people {
	line-height:16px;
	font-size:13px;
	margin-top:-52px;
}
.people-title1 {
	padding-top:30px;
}
.people-title1,
.people-title2 {
	font-size:20px;
	line-height:24px;
}
.people-credits {
	font-size:16px;
	line-height:20px;
	padding-top:8px;
	padding-bottom:10px;
}
.people-paragraph p {
	font-size:14px;
	line-height:20px;
}

/* News */

.project-odd.news-article a .over .mouse-over,
.project-even.news-article a .over .mouse-over {
	left:15%;
	width:85%;
}
.news-head {
	font-size:15px;
	line-height:17px;
}
.news-info {
	font-size:13px;
	line-height:17px;
}
.read-more {
	font-size:13px;
	line-height:17px;
	margin-top:5px;
}
.project-full.news-article a .over .mouse-over {
	left:10%;
	width:90%;
}


/* Contact */

.googlemap,
.map {
	width:100%;
	height:350px;
}

/* Project Thumb mouse over */

.project-odd a .over .mouse-over,
.project-even a .over .mouse-over,
.project-full a .over .mouse-over,
.case .over .mouse-over {
	opacity:1;
}



.f1, /* outer div width */
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8 {
	width:462px;
}


.f1 .one {
	width:100%;
}


.f2 .one {
	width:226px;
	float:left;
}
.f2 .two {
	width:226px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 226 + 10 = 236
	*/
	margin-left:236px;
}


.f3 .one {
	width:148px;
	float:left;
}
.f3 .one-two {
	width:305px;
	margin-left:0px;
	float:left;
}
.f3 .two {
	width:148px;
	margin-left:9px;
	float:left;
}
.f3 .two-three {
	width:305px;
	margin-left:157px;
}
.f3 .three {
	width:148px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 148 x 2 + 9 + 9 = 314
	*/
	margin-left:314px;
}


.f4 .one {
	width:108px;
	float:left;
}
.f4 .one-two {
	width:226px;
	float:left;
}
.f4 .one-three {
	width:344px;
	float:left;
}
.f4 .two {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .two-three {
	width:226px;
	margin-left:10px;
	float:left;
}
.f4 .two-four {
	width:344px;
	margin-left:118px;
}
.f4 .three {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .three-four {
	width:226px;
	margin-left:236px;
}
.f4 .four {
	width:108px;
	margin-left:354px;
}


.f5 .one {
	width:86px;
	float:left;
}
.f5 .one-two {
	width:180px;
	float:left;
}
.f5 .one-three {
	width:274px;
	float:left;
}
.f5 .one-four {
	width:368px;
	float:left;
}
.f5 .two {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .two-three {
	width:180px;
	float:left;
	margin-left:8px;
}
.f5 .two-four {
	width:274px;
	margin-left:8px;
	float:left;
}
.f5 .two-five {
	width:368px;
	margin-left:94px;
}
.f5 .three {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .three-five {
	width:274px;
	margin-left:188px;
}
.f5 .four {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .four-five {
	width:180px;
	margin-left:282px;
}
.f5 .five {
	width:86px;
	margin-left:376px;
}


.f6 .one {
	width:72px;
	float:left;
}
.f6 .one-two {
	width:150px;
	float:left;
}
.f6 .one-three {
	width:228px;
	float:left;
}
.f6 .one-four {
	width:306px;
	float:left;
}
.f6 .one-five {
	width:384px;
	float:left;
}
.f6 .two {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .two-three {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .two-four {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .two-five {
	width:306px;
	float:left;
	margin-left:6px;
}
.f6 .two-six {
	width:384px;
	margin-left:78px;
}
.f6 .three {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .three-four {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .three-five {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .three-six {
	width:306px;
	margin-left:156px;
}
.f6 .four {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .four-five {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .four-six {
	width:228px;
	margin-left:234px;
}
.f6 .five {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .five-six {
	width:150px;
	margin-left:312px;
}
.f6 .six {
	width:72px;
	margin-left:390px;
}


.f7 .one {
	width:60px;
	float:left;
}
.f7 .one-two {
	width:127px;
	float:left;
}
.f7 .one-three {
	width:194px;
	float:left;
}
.f7 .one-four {
	width:261px;
	float:left;
}
.f7 .one-five {
	width:328px;
	float:left;
}
.f7 .one-six {
	width:395px;
	float:left;
}
.f7 .two {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .two-three {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .two-four {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .two-five {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .two-six {
	width:328px;
	float:left;
	margin-left:7px;
}
.f7 .two-seven {
	width:395px;
	margin-left:67px;
}
.f7 .three {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .three-four {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .three-five {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .three-six {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .three-seven {
	width:328px;
	margin-left:134px;
}
.f7 .four {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .four-five {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .four-seven {
	width:261px;
	margin-left:201px;
}
.f7 .five {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .five-seven {
	width:194px;
	margin-left:268px;
}
.f7 .six {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .six-seven {
	width:127px;
	margin-left:335px;
}
.f7 .seven {
	width:60px;
	margin-left:402px;
}


.f8 .one {
	width:56px;
	float:left;
}
.f8 .one-two {
	width:114px;
	float:left;
}
.f8 .one-three {
	width:170px;
	float:left;
}
.f8 .one-four {
	width:230px;
	float:left;
}
.f8 .one-five {
	width:288px;
	float:left;
}
.f8 .one-six {
	width:346px;
	float:left;
}
.f8 .one-seven {
	width:404px;
	float:left;
}
.f8 .two {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .two-three {
	width:112px;
	float:left;
	margin-left:2px;
}
.f8 .two-four {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .two-five {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .two-six {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .two-seven {
	width:346px;
	float:left;
	margin-left:2px;
}
.f8 .two-eight {
	width:404px;
	margin-left:58px;
}
.f8 .three {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .three-four {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .three-five {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .three-six {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .three-seven {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .three-eight {
	width:346px;
	margin-left:116px;
}
.f8 .four {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .four-five {
	width:116px;
	float:left;
	margin-left:2px;
}
.f8 .four-six {
	width:174px;
	float:left;
	margin-left:2px;
}
.f8 .four-seven {
	width:232px;
	float:left;
	margin-left:2px;
}
.f8 .four-eight {
	width:290px;
	margin-left:172px;
}
.f8 .five {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .five-six {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .five-seven {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .five-eight {
	width:230px;
	margin-left:232px;
}
.f8 .six {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .six-seven {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .six-eight {
	width:172px;
	margin-left:290px;
}
.f8 .seven {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .seven-eight {
	width:114px;
	margin-left:348px;
}
.f8 .eight {
	width:56px;
	margin-left:406px;
}