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

@media screen and (orientation:portrait){
}

@media (max-width:1600px){
}

@media (max-width:1400px){
	.hero-container h1 {
	margin-top:0;
	}
	.hero-container p {
	font-size:16px;
	line-height:24px;
	}
	.main-container {
	  padding:200px 80px;
	}
	.services-content h2, .portfolio-content h2, .client-content h2{
	font-size:45px;
	line-height:50px;
	}
	.testimonials-content h2 {
	font-size:45px;
	line-height:50px;
	}
	.testimonials-content h3 {
		font-size:30px;
	}
	.speech-bubble h3 {
		font-size:32px;
	}
	.client-content {
    margin: 0 0 60px 0;
	}
	.testimonials-content {
    margin: 100px 0 60px 0;
	}
	.work-inner-content li {
    /*font-size: 16px;
    margin-bottom: 10px;*/
	}
	.testimonials {
    /*padding: 100px 0 0 0;*/
	}
	img.bgtext-about {
    top: -260px;
	}
	.inner-title-container {
    min-height: 450px;
	}
	.inner-title-content {
    padding: 0 0 80px 0;
	}
	.inner-content {
    padding: 80px 0;
	}
	.bgtext-inner{
	top:-240px;
	left:-50px;
	}
	.bgtext h2.clients {
		margin-left:-200px;
	}
	.bgtext h2.says {
		margin-left:-240px;
	}
	.gototop h3 {
	font-size:65px;
	line-height: 70px;
	}
	.sharer h3 {
	font-size:65px;
	line-height: 65px;
	}
}

@media screen and (max-width:1280px){
	.bgtext h2.clients {
		margin-left:-260px;
	}
	.bgtext h2.says {
		margin-left:-300px;
	}
}

@media screen and (min-width:1025px){
}

@media screen and (max-width:1024px){
		.cd-primary-nav {
			padding-left: 30px;
			padding-right: 30px;
		}
		.hero-content {
		padding:0 30px !important;
		}
		.main-container {
		padding: 100px 30px;
		}
		.speech-bubble::after {
    	left: calc(-3% - 4px);
		}
		.speech-bubble.rightside::after {
    	left: calc(98% + 0px);
		}
		.cta-container {
		padding:0 30px;
		}
		.inner-content {
			padding: 80px 30px;
		}
		.inner-content.smallpadding {
			padding: 0 30px 80px 30px;
		}
		.services-list li {
			width: 44.5%;
		}
		.process-container h2 {
			font-size:40px;
		}
		.blog-slider__text {
			margin-bottom: 10px;
			font-size: 16px;
			line-height: 1.5em;
		}
		.com-name-container {
			width: 100%;
		}
		.inner-content-white {
			padding: 100px 30px;
		}
		.work-inner-container {
			padding:0 30px;
			min-height: 500px;
		}
		.button-container-inner.border {
			margin: 0 0 60px 0;
			padding: 60px 0;
		}
		.button-container-inner {
			padding: 20px 0;
		}
		.inner-container {
			min-height: 500px;
			padding: 100px 0;
		}
		.bgtext{
			top:-200px;
			left:-20px;
		}
		.bgtext h2{
			font-size:220px;
		}
		.bgtext h2.clients {
			/*margin-top:-130px;*/
		}
		.bgtext-inner {
		top: -200px;
		left: -50px;
		}
		.bgtext-inner h1{
			font-size:240px;
		}
		footer {
		padding:0 30px;
		}

}

@media screen and (max-width:800px){
	.cd-primary-nav .cd-label {
		text-align: left;
	}
	.work-container.square {
    min-height: 700px;
	}
	.work-container .work-bg.square {
		min-height:700px;
	}
	img.bgtext, img.bgtext-work, img.bgtext-clients, img.bgtext-words {
		max-width:none !important;
		height:auto;
		left: -50px;
	}
	img.bgtext {
		width:650px;
	}
	img.bgtext-work {
		width:400px;
	}
	img.bgtext-clients {
		width:600px;
	}
	img.bgtext-words {
		width:500px;
	}
	.bgtext h2{
			font-size:200px;
		}
	.bgtext h2.clients {
		margin-top:50px;
		margin-left:-280px;
	}
	.bgtext h2.says {
		margin-top:50px;
		margin-left:-320px;
	}
	.bgtext-inner {
    top: -160px;
	left: -50px;
	}
	.bgtext-inner h1{
		font-size:200px;
	}
	.speech-bubble::after {
    left: calc(50% - 23px);
	top: -22px;
	transform: rotate(45deg);
	}
	.speech-bubble.rightside::after {
    left: calc(50% - 23px);
	top: -22px;
	transform: rotate(45deg);
	}
	.speech-logo {
    padding-top: 0;
    padding-bottom: 20px;
	}
	.col-4-12.float-right {
    float: none;
	}
	.inner-title-container {
    min-height: 400px;
	}
	.inner-title-content {
    padding: 0 20px 80px 20px;
	}
	.services-list li {
    width: 100%;
	margin: 80px 0 0 0;
	}
	img.testi-logo {
		float:none;
		margin:40px 0 0 0;
	}
	.testimonials-com-name.innerpg {
    float: none;
	}
	.inner-content-white h2 {
	max-width: 100%;
	}
	.work-inner-container {
    min-height: 400px;
	}
	.work-inner-container h2 {
    font-size: 48px;
    line-height: 55px;
	}
	.inner-container {
		padding: 80px 0;
	}
	.screen-container {
    margin-top: 0;
    min-height: 550px;
	}
	.cta-container {
		height: 80vh;
		min-height: 600px;
	}
	.footer-content, .footer-content.left {
    text-align: center;
	}
	footer {
		padding:0 20px;
	}
	.footer-content {
    padding: 5px 0;
	}
	.footer-link {
    padding: 30px 0;
	}
	.footer-link li {
    margin: 10px 15px;
	}
	.footer-content p {
		margin:0 0 15px 0;
	}
	.copyright-content {
    padding: 0 0 40px 0;
	}
	.col-1-4:nth-child(2) .work-logo-link {
	border-bottom:none;
	}
	.col-1-4:nth-child(3) .work-logo-link {
	border-bottom:none;
	border-right:#eee 2px solid;
	}
}

@media (max-width:768px){
	.gototop img {
		max-width:50px;
	}
	.gototop h3 {
	font-size:45px;
	line-height: 55px;
	}
	/*.sharer h3 {
	font-size:50px;
	line-height: 60px;
	}*/
	.sharer {
		right:15px;
		bottom:20px;
	}
	.sharer span {
	display:none;
	}
	.sharer::after {
		content:'+';
		font-size:60px;
		font-family: 'Quicksand', sans-serif;
		font-weight:700;
		line-height: 60px;
		background:rgba(0,190,218,0.6);
		color:#fff;
		width:67px;
		height:60px;
		border-radius:50%;
		display:flex;
		justify-content:center;
		padding:0 0 67px 0;
		transition:ease-in-out 0.3s;
		opacity:0.9;
	}
	.sharer.open::after{
		opacity:1;
		background:rgba(0,190,218,0);
	}
	.share-content {
		bottom:220px;
	}
	.share-content h3 {
		/*display:block;*/
	}
	footer {
		padding-bottom:100px;
	}
}


@media (max-width:600px){
	.bgtext{
			top:-120px;
	}
	.bgtext h2{
			font-size:140px;
	}
	.bgtext h2.clients {
		margin-top:50px;
		margin-left:-300px;
	}
	.bgtext h2.says {
		margin-top:50px;
		margin-left:-350px;
	}

	
}

@media (max-width:640px){
}

@media (max-width:640px){
}


@media screen and (orientation:landscape) and (max-height:600px) and (max-width:960px){	
}


@media screen and (orientation:landscape) and (max-width:850px){	
	.hero-container {
		min-height:750px;
	}
	.bgtext {
    top: -140px;
	}
	.bgtext h2 {
    font-size: 160px;
	margin-left:-50px;
    }
	.cd-primary-nav {
		align-items: flex-start;
		padding-top:80px;
	}
	.inner-title-container {
    min-height: 340px;
	}
}


@media screen and (orientation:landscape) and (max-width:640px){
}


@media screen and (orientation:landscape) and (max-height:400px){
}


@media screen and (orientation:portrait) and (max-height:680px){
	.bgtext h2.clients {
		margin-top:50px;
		margin-left:-320px !important;
	}
	.bgtext h2.says {
		margin-top:50px;
		margin-left:-380px !important;
	}
}
@media screen and (orientation:portrait) and (max-height:800px){
	.bgtext h2.clients {
		margin-top:50px;
		margin-left:-280px !important;
	}
	.bgtext h2.says {
		margin-top:50px;
		margin-left:-340px !important;
	}
}

@media (max-width:595px){
	.hero-container {
		min-height: 800px;
	}
	.hero-content {
		padding:0 20px !important;
		transform: translateY(-55%);
		}
	.main-container {
		padding: 60px 20px;
		}
	.services-content h2, .portfolio-content h2, .client-content h2 {
    font-size: 40px;
    line-height: 46px;
	}
	.cta-container {
		padding:0 20px;
		}
	.inner-title-container {
    min-height: 320px;
	}
	.inner-container {
    min-height: 400px;
    padding: 60px 0;
	}
	.inner-content {
			padding: 60px 20px;
		}
		.inner-content.smallpadding {
			padding: 0 20px 60px 20px;
		}
	img.bgtext {
		width:350px;
		top: -80px;
	}
	img.bgtext-work {
		width:250px;
		top: -100px;
	}
	img.bgtext-clients {
		width:300px;
		top: -40px;
	}
	img.bgtext-words {
		width:270px;
		top: -20px;
	}
	.bgtext-inner {
    top: -140px;
	left: -50px;
	}
	.bgtext-inner h1{
		font-size:160px;
	}
	.services-content li a {
		font-size:18px;
	}
	.services-content p, .portfolio-content p {
    width: 100%;
	}
	.work-container {
		min-height: 450px;
	}
	.work-container .work-bg {
		min-height: 450px;
	}
	.work-container.square {
    min-height: 450px;
	}
	.work-container .work-bg.square {
		min-height:450px;
	}
	.work-content h3 {
    font-size: 38px;
	}
	.work-content.right {
    text-align: left;
	}
	.portfolio-content p {
    margin-bottom: 40px;
	}
	.inner-content-white {
		padding: 100px 20px;
	}
	.speech-bubble {
		padding: 30px 20px 0 20px;
	}
	.speech-bubble h3 {
    font-size: 28px;
	}
	.clients-logo {
    min-height: 140px;
	padding: 0 20px !important;
	}
	.button-container {
    padding: 20px 0 0 0;
	}
	.work-inner-container {
    padding: 0 20px;
	}
	.work-inner-container h2 {
    font-size: 38px;
    line-height: 42px;
	}
	.cta-content {
    margin-top: -90px;
	}
	.cta-content h2 {
    font-size: 70px;
    line-height: 80px;
	}
	[class*='col-'] {
		padding: 10px 20px !important;
	}
	.related-content h2 {
    font-size: 36px;
    line-height: 42px;
	padding:0 20px;
	}
	.screen-container .widescreen {
    right: auto;
    left: -120px;
	}
	img.widescreen.thumbnail {
		max-width:120%;
	}
	.screen-container .tablet {
    top: 200px;
    right: -40px;
	}
	img.tablet.thumbnail {
		max-width:50%;
	}
	.screen-container .mobile {
    top: 300px;
	}
	img.mobile.thumbnail {
		max-width:25%;
	}
	.col-1-4:nth-child(2) .work-logo-link {
	border-right:#eee 2px solid;
	}
	.col-1-4:nth-child(4) .work-logo-link {
	border-right:#eee 2px solid;
	border-bottom:none;
	}
	.project-list li a{
		font-size:18px;
	}
}

@media (max-width:480px){
	.bgtext{
			top:-90px;
			left:-10px;
	}
	.bgtext h2{
			font-size:120px;
	}
	.bgtext h2.clients {
		margin-top:50px;
		margin-left:-180px;
	}
	.bgtext h2.says {
		margin-top:50px;
		margin-left:-230px;
	}
}

@media (max-width:440px){
	.cd-primary-nav {
    padding-left: 10px;
    padding-right: 10px;
	}
	.cd-primary-nav li {
		margin: 0;
	}
	.cd-primary-nav .cd-label {
		margin: 0 0 0.6em 0;
	}
	.inner-title-container {
    min-height: 260px;
	}
	.bgtext-inner {
    top: -120px;
	left: -30px;
	}
	.bgtext-inner h1{
		font-size:95px;
		}
	.inner-title-content {
    padding: 0 20px 30px 20px;
	}
	.inner-title-content h2 {
    font-size: 32px;
    line-height: 38px;
	}
	.inner-content.smallpadding {
    padding: 0 20px;
	}
	.inner-content h2 {
    font-size: 32px;
    line-height: 38px;
	}
	.inner-content h3 {
    font-size: 22px;
    line-height: 26px;
	margin-bottom: 10px;
	}
	.inner-content-white h2 {
    font-size: 32px;
    line-height: 38px;
	}
	.pix-bg {
    min-height: 300px;
	}
	.pix-bg.about-pix2 {
    min-height: 450px;
	}
	.services-list li {
    margin: 10px 0 0 0;
	padding: 90px 30px 40px 30px;
	}
	.services-list li:nth-child(1)::before, .services-list li:nth-child(2)::before, .services-list li:nth-child(3)::before, .services-list li:nth-child(4)::before, .services-list li:nth-child(5)::before {
    top: 15px;
    font-size: 7.5rem;
	}
	.process-container {
		min-height: 400px;
	}
	.process-container h2 {
    min-height: 80px;
	}
	.blog-slider {
    margin: 120px auto 0 auto;
	}
	.blog-slider__title {
    font-size: 32px;
	}
	.blog-slider__img {
    height: 300px;
	}
	.blog-slider__pagination {
		top: 190px;
	}
	.blog-slider__content {
    margin-top: -80px;
	}
	input[type="submit"], input[type="reset"], input[type="button"] {
		margin-bottom:20px;
	}
	.map-container {
		min-height: 350px;
	}
	.screen-container {
    min-height: 450px;
	}
	.screen-container .widescreen {
    right: auto;
    left: -100px;
	}
	img.widescreen.thumbnail {
		max-width:130%;
	}
	.screen-container .tablet {
    top: 170px;
    right: -40px;
	}
	img.tablet.thumbnail {
		max-width:60%;
	}
	.screen-container .mobile {
    top: 220px;
	}
	img.mobile.thumbnail {
		max-width:35%;
	}
	.bgtext{
			top:-80px;
			left:0;
	}
	.bgtext h2 {
    font-size: 100px;
	margin-left:-20px;
	}
	.bgtext h2.clients {
		margin-top:50px;
		margin-left:-250px;
	}
	.bgtext h2.says {
		margin-top:50px;
		margin-left:-300px;
	}
	
}

@media (max-width:375px){
}

@media (max-width:320px){
	.cd-primary-nav .cd-label p {
		font-size:14px !important;
	}
	.cta-content h2 {
    font-size: 55px;
    line-height: 70px;
	}
	.footer-content h3 {
    font-size: 20px;
    line-height: 36px;
    }
	a.main-button {
		font-size:20px;
		margin:10px 0 0 0;
	}
	.animated-arrow.black {
		font-size: 1.2em;
	}
	.hero-container p {
		margin:0;
	}
	.bgtext{
			top:-60px;
			left:-30px;
	}
	.bgtext h2 {
    font-size: 75px;
	}
	.bgtext h2.clients {
		margin-top:40px;
		margin-left:-360px !important;
	}
	.bgtext h2.says {
		margin-top:70px;
		margin-left:-460px !important;
	}
}

@media handheld, only screen and (max-width: 690px) {
}