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

@media (min-width: 320px) and (max-width: 374px) {
.logo-cappen-landing {
	top: 85px !important;
}
.frase {
	margin-top: -86px
}
.frase strong::before {
	margin-bottom: -6px;
}
.logo-cappen-landing > img {
	max-width: 60%;
	position: relative;
	top: 18px;
}
.link-landing.--left, .link-landing.--right {
	top: 44px;
}

}

@media (min-width: 320px) and (max-width: 767px) {
.copyright-fixed {
	width: 100%;
	font-size: 12px;
}
.nav-open nav#navigation {
	display: block;
	position: relative;
	top: 0;
	left: 30px;
}
.nav li {
	float: left;
	width: 100%;
	margin: 2px 0;
}
.our-way-scroll{
	margin-top:20px !important;	
}
.work__link{
border:0px;	
}
nav#navigation {
	display: none;
}
.link-landing {
	width: 110px
}
.menu__text > a:after {
	display: none;
}
.nav-trigger {
	position: relative;
	z-index: 999999999;
	top: 50px;
	left: 40px;
	height: 44px;
	width: 44px;
	overflow: hidden;
	color: transparent;
	white-space: nowrap;
	text-indent: 100%;
}
#SCBbuttonMain {
	display: none !important;
}
.copyright {
	/*display:none;*/
	left: 0;
	margin: 0 auto;
	right: 0;
	text-align: center;
}
.elem.--triangulo-home {
	bottom: 53px
}
.logo-cappen-landing {
	margin-left: 0;
	width: auto;
	top: 130px
}
.menu {
	display: none;
}
.inner-logo-section {
	right: 0px;
}
.inner-logo > img {
	max-width: 80%;
	right: -40px;
	position: relative;
}
.projeto-team__title{
	line-height:1.1	
}
.work__tags {
	font-size: 14px;
}
.feature-box.line {
	width: 100%;
	border-left: 0px;
}
.res-none {
	display: none;
}
.header-cliente__bg {
	background-image: none;
}
.mob-bg-vision {
	background: rgba(0,0,0,0)
}
.header-cliente__box {
	background: rgba(0, 0, 0, 0)
}
.header-cliente .header-cliente__box {
	padding-left: 0px;
	padding-right: 0px;
}
.header-cliente__box{
	height:auto	
}

.header-cliente__bt-scroll {
	/*display: none;*/
}
.header-cliente__bt-scroll {
	text-align: center
}
.projeto-resumo {
	padding: 80px 0 100px;
}
.mob-bg-philosophy {
	background: rgba(0,0,0,0)
}
.list-item li {
/*	padding-left:0px;*/
}
.list-item li::before {
	left: -13px;
}
.projeto-resumo img {
	max-width: 100%
}
.abu-gal > ul > li:nth-child(2) {
	margin-right: -50px;
	margin-top: -97px;
}
.projeto-team__title {
	font-size: 20px;
	margin-bottom: 20px
}
.list-item-white li {
	padding-left: 1rem;
}
.mob-bg-why-marshmallow {
	background: #7f1d1e
}
.why-marshmallow {
	width: 95% !important
}
.client-wise.line {
	float: none;
	width: 100%
}
.vision-table {
	margin-bottom: 40px !important;
}
.mob-none {
	display: none !important;
}
.cd-date {
	top: 9px !important;
	font-size: 14px !important;
}
.list-item-white li {
	text-align: left
}
.cd-timeline-content {
	padding: 1px 6px !important;
}
.cd-timeline-block:last-child::before {
	right: 89% !important;
	top: 98% !important;
}
.work.--why-marsh.fp-section.active.fp-table.fp-completely {
	background: #fed325
}
.mob-scroll {
	overflow: scroll !important
}
.custom_team_title {
	top: -2% !important;
}
.faq-home .accrodion .accrodion-content {
	padding-left: 20px !important;
	padding-right: 20px !important
}
.faq-home .accrodion .accrodion-content p {
	text-align: left !important
}
.custom_team_title {
	padding: 4px 20px !important;
}
.mar_30 {
	padding-top: 55px !important
}
.faq-home .accrodion .accrodion-content_team {
	padding-top: 21px !important
}
#section1 {
	padding-bottom: 50px;
}
#section2 {
	padding-bottom: 50px;
}
#section4 {
	padding-bottom: 50px;
}
#section5 {
	padding-bottom: 50px;
}
#section6 {
	padding-bottom: 16px;
}
.left-text-chaos {
	left: 0px;
}
.mob-align{
	text-align:left !important;	
}
.sys-chaos-text {
	top: -2px;
	border: 0px;
}
.sys-chaos-text .major-remarks {
	padding: 20px 10px 0px;
}
.career-det {
	padding: 20px 10px;
}
.career-form {
	top: 50px;
	max-width: 80%
}
.sale-info-home-three .box:hover .box-border p, .sale-info-home-four .box:hover .box-border p {
	bottom: 15px
}
.resp-tab-content {
	top: 0px !important;
	padding: 20px 10px !important;
}
.contact-det {
	width: 100%;
	padding: 40px 19px;
}
.contact-det:nth-of-type(2) {
	top: -100px;
}
.default-service-block .inner-box {
	margin-bottom: 20px;
	padding: 20px 20px 100px;
}
.client-view {
	right: 0
}
.inquiry-det_1 {
	width: 100%
}
.inquiry-det {
	padding: 20px;
}
#ajax-form input {
	width: 100%
}
#ajax-form select {
	width: 100%
}
#ajax-form textarea {
	width: 100%
}
.mob-no-pad-top {
	margin-top: 0px
}
.gridblock-three .gridblock-element {
	width: 100%
}
.mfp-counter {
	display: none;
}
.action--close {
	left: 0px !important;
	top: 45px !important;
}
.slide__img--large {
	height: auto !important;
}
.contact-img {
	top: 300px;
}
.exprt-right-icn {
	margin-right: 0px
}
.mob-none-lft-rgt {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.chaos-img {
	max-width: 70% !important
}
.only-first-section {
	left: 0px !important;
}
.border-first-section::before {
	background: rgba(0,0,0,0) !important
}
.border-first-section::after {
	background: #FFFFFF none repeat scroll 0 0;
	content: "";
	height: 2px;
	position: absolute;
	right: 0;
	width: 100%;
}
.client-wise.line > img {
	max-width: 100%
}
.border-second-section::after {
	width: 100% !important;
	right: 0 !important;
}


#portfolio10
{
	display:none;
}

.leftside {
	padding-right: inherit !important
}
.flex-direction-nav .flex-next {
	right: -42px !important;
}
.flex-direction-nav .flex-prev {
	left: -42px !important;
}
.mob-btm-none {
/*	padding-bottom: 20px !important*/
}
.elem.\--triangulo-home {
	width: 100px;
	height: 200px;
	margin: 0 auto;
	right: 0px;
	left: 0px;
}
.vision-mission {
	text-align: left
}
.cs-style-3 figcaption {
	opacity: 1 !important;
	bottom: 58px !important;
}
.tj-mp-action {
	top: 73% !important
}
.link-landing {
	font-size: 18px;
}
.back-works{
	top:10px;	
}

.contact-header{
	top:0px;
	height:35px;
	position:relative	
}
.back-works-mob{
	top:65px	
}
.inq-sec-mob{
	padding-top:100px;	
}
.cnt-sec-mob{
	padding-top:100px;	
}
header{
	height: 60px;
}
.timeline-img-res{
	right:0px !important;
	top:0px !important;
}
.mob-space-btm{
	bottom:	7px !important
}
.mob-space-btm2{
	bottom:	40px !important
}
.hover-top-space-work-mob{
	    bottom: 42px !important;	
}
.sale-info-home-four{
    padding-top: 60px;
}

}
@media (min-width: 375px) and (max-width: 413px) {
.cd-timeline-block:last-child::before {
	right: 89.7% !important;
	top: 98% !important;
}
.faq-home .accrodion .accrodion-title h4 span.decor {
	margin-right: 0px !important
}
.faq-home .accrodion .accrodion-title h4 span.text {
	width: 92% !important
}
.pad-left-text {
	padding-left: 0px;
}
.exprt-list-item {
	left: 14px !important
}
}
@media (min-width: 414px) and (max-width: 479px) {
.cd-timeline-block:last-child::before {
	right: 90.7% !important;
	top: 99% !important;
}
}
@media (min-width: 412px) and (max-width: 732px) {
.exprt-list-item {
	left: 15px !important
}
}
@media (min-width: 360px) and (max-width: 640px) {
.logo-cappen-landing > img {
	max-width: 70% !important;
}
.frase strong::before {
	margin-bottom: 10px !important
}
.link-landing.--left, .link-landing.--right {
	top: 50px !important
}
.frase{
	margin-top:-50px !important	
}
}
@media(min-width:1023px) {
.contact-header {
	display: none;
}
.timeline-img-res{
	display: none;
}
}
/*iphone 4 landscape view*/
@media only screen and (min-device-width : 319px) and (max-device-width : 480px) and (orientation : landscape) {
	.logo-cappen-landing{
		top:80px	
	}
	.frase{
		top:18% !important	
	}
	
}
@media (min-width: 480px) and (max-width: 567px) {
.frase{
	top:30%
}
.elem.\--triangulo-home{
	width:50px !important;
	height:100px !important;	
}
}
@media (min-width: 568px) and (max-width: 639px) {
	.logo-cappen-landing{
	/*	top:50px;	*/
	}
	.frase{
	top:35%
}
.elem.\--triangulo-home{
	width:50px !important;
	height:100px !important;	
}
}
/* iphone 7 landscape view*/
@media (min-width: 640px) and (max-width: 719px) {
.logo-cappen-landing{
		margin-top:-50px;	
	}	
	.elem.\--triangulo-home{
	width:50px !important;
	height:100px !important;	
}
.frase{
	margin-top:-10px !important;
	line-height:15px !important	
}
.frase strong{
	font-size:30px !important;
		
}
.frase strong:before{
	margin-bottom:6px
}	
.logo-cappen-landing > img {
	max-width: 30% !important;
	margin-top:-25px !important;
}
.cd-timeline-block:last-child::before {
	right: 94% !important;
	top: 101% !important;
}
}


/*@media (min-width: 1200px) and (max-width: 1280px) {
	.logo-cappen-landing > img{
		display:none 	
	}
}*/
@media only screen and (min-width: 767px) {
#dl-menu {
	display: none
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.link-landing.\--left, .link-landing.\--right {
	top: 23%
}

.menu {
	display: none;
}
#dl-menu {
	display: block;
	top: 50px;
}
.dl-menuwrapper {
	max-width: 100px;
	left: 60px;
	top: 10px;
}
.about_main_line {
	max-width: 300px;
}
.work__link {
	padding: 50px;
}
.why-marshmallow {
	width: 100% !important
}
.work__obj.\--bg {
	display: none
}
.cs-style-3 figcaption {
    bottom: 58px !important;
    opacity: 1 !important;
}
.work.\--beach-park .work__obj.\--bg {
	background-image: none;
}
.work.\--damas .work__obj.\--bg {
	background-image: none;
}
.work.\--santa-joana .work__obj.\--bg {
	background-image: none;
}
.work.\--richester .work__obj.\--bg {
	background-image: none;
}
.work.\--lacta .work__obj.\--bg {
	background-image: none;
}
.work.\--shopping-recife .work__obj.\--bg {
	background-image: none;
}
#SCBbuttonMain {
	display: none !important
}
.mob-bg-vision {
	background-image: none !important;
	background: #1ea902;
}
.header-cliente .header-cliente__box {
	width: 90%
}
.feature-box.line {
	padding: 10px !important;
	min-height: 280px !important
}
.mob-bg-philosophy {
	background-image: none !important;
	background: #fc357a;
}
.custom_team_title {
	top: 2% !important
}
.mob-none {
	display: none !important;
}
.cd-date {
	top: 9px !important;
	font-size: 14px !important;
}
.cd-timeline-block:last-child::before {
	right: 95% !important;
	top: 101% !important;
}
.work.\--why-marsh.fp-section.active.fp-table.fp-completely {
	background: #fed325
}
.inner-logo-section {
	top: 50px;
}
section#first-section {
/*padding:40px !important;	*/
}
#section1 {
	padding-bottom: 50px;
}
#section2 {
	padding-bottom: 50px;
}
#section4 {
	padding-bottom: 50px;
}
#section5 {
	padding-bottom: 50px;
}
#section6 {
	padding-bottom: 16px;
}
.left-text-chaos {
	left: 0px;
}
.sys-chaos-text {
	border: 0px;
	top: 0px;
	padding: 50px 50px 0 !important;
}
.career-img {
	top: 150px;
}
.work-img {
	top: 50px;
	position: relative;
}
/*.lightbox-gallery-item > img{
	max-width:96% !important	
}*/
#ajax-form input {
	width: 100%
}
#ajax-form select {
	width: 100%
}
#ajax-form textarea {
	width: 100%
}
.file-upload {
	width: 100%
}
.resp-tabs-left .resp-tabs-list {
	width: 37% !important
}
.resp-tabs-left .resp-tabs-container {
	width: 63% !important
}
.resp-tab-content {
	padding: 15px !important;
}
.contact-det{
	padding:10px	
}
.ipad-view-none {
	display: none;
}
.default-service-block {
	margin-bottom: 50px;
}
.copyright-fixed {
	bottom: 3px !important;
	right: 20px;
}
.mob-btm-none {
	padding-bottom: 8px !important;
}
.client-wise.line {
	width: 50% !important;
}
.client-wise.line .title {
	font-size:15px;;
}
.only-first-section {
	left: 0px !important
}
.border-second-section::after {
	width: 134px !important;
}
.career-post {
	width: 50%;
	float: left
}
.gridblock-three .gridblock-element {
	min-height: 400px
}
.gridblock-three .work-details {
	min-height: 167px !important
}
.ipad-pad {
	padding-top: 0 30px 0 30!important;
}
.contact-img{
	top:210px	
}
.ipad-pad{
padding:100px 0 !important;	
}
.logo-cappen-landing{
	top:50px !important	
}
.tj-mp-action{
	top:77% !important	
}
.pad-res-tab{
    padding-right: 15px !important;
    padding-left: 15px !important;
}
}
 @media (min-width: 1024px) and (max-width: 1279px) {
.resp-tabs-left .resp-tabs-list{
			width:30% !important; 
}
.resp-tabs-left .resp-tabs-container{
			width:70% !important
}
.cs-style-3 figcaption {
    bottom: 58px !important;
    opacity: 1 !important;
}
.inner-page-call-btn {
    top: 100px !important;
}
.header-cliente__bg{
	left:0 !important	
}
.header-cliente .header-cliente__box{
	width:50%	
}
.ipad-space-btm{
	bottom:8px !important;	
}
.mumb-hei{
	min-height:300px !important	
}
.frase strong {
	font-size: 50px;
	letter-spacing: 10px;
}
.about_main_line {
	max-width: 350px;
}
.feature-box.line {
	min-height: 285px;
}
.cd-date {
	top: 10px !important;
	font-size: 15px !important;
}
.work-details{
	min-height:167px;	
}
.second-last-awd{
	min-height:192px !important	
}
.cd-timeline-block:last-child::before {
	top: 101% !important;
	right: 96.3% !important
}
.sale-info-home-three .box, .sale-info-home-four .box {
	min-height: 262px;
}
.sys-chaos-text .major-remarks {
	padding: 0
}
.client-wise.line {
	width: 25% !important
}
.client-wise.line .title {
	font-size:15px;
}
.border-second-section::after {
	width: 132px !important;
}
.contact-det {
	padding: 20px;
}
.work__link{
	padding:28px	
}
.icon-timer{
	margin: 0 15px 0 4px;
}
.ipad-container-none{
	width:auto !important	
}
.resp-tabs-left .resp-tabs-list li{
margin-right:-7px !important	
}
}
/*ipad pro portarit*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { 
	.work__obj.\--bg{
		width:50%;
		height:50%;
		left:28%;
		top:24%	
	}
	.inquiry-section{
		height:100%	
	}
	.main-section-bg{
		height:100%	
	}
	.ipad-height{
		height:auto !important	
	}
.cs-style-3 figcaption {
    bottom: 58px !important;
    opacity: 1 !important;
}
.header-cliente__bg{
	left:-5.5% !important	
}
.ipad-container-none{
	width:auto !important	
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { 

.cs-style-3 figcaption {
    bottom: 58px !important;
    opacity: 1 !important;
}
.inquiry-section{
		height:100%	
	}
}

@media (min-width: 1280px) and (max-width: 1365px) {
.header-cliente__box {
	height: 420px;
}
.why-marshmallow {
	height: 470px !important;
}
.why-marshmallow h2 {
	margin-top: 14px;
	margin-bottom: 8px;
}
.sys-chaos-text .major-remarks {
	padding: 15px;
}
.chaos-img {
	max-width: 70%;
	top: 50px;
	position: relative
}
.sys-chaos-text {
	/* height: 77vh;*/
	top: 100px
}
.default-service-block .inner-box h3 {
	font-size: 18px;
}
/*.default-service-block .inner-box .text{
		margin-bottom:0px;
	}*/
.default-service-block .inner-box .icon-box {
	font-size: 35px;
}
.default-service-block .inner-box {
	padding: 25px 40px 80px;
}
.client-wise.line {
	width: 25%;
}
.inner-page-call-btn {
	top: 95px !important
}
.lp-btm-space {
	padding-bottom: 100px !important
}
}
@media (min-width: 1366px) and (max-width: 1439px) {
.sys-chaos-text .major-remarks {
	padding: 5px;
}
/*.chaos-img{
		max-width:65%
	}*/
	
.default-service-block .inner-box h3 {
	font-size: 20px;
}
/*.default-service-block .inner-box .text{
		margin-bottom:0px;
	}*/
.default-service-block .inner-box .icon-box {
	font-size: 40px;
}
.client-wise.line {
	width: 25%
}
.chaos-top {
	top: 30px;
}
.pogoda-hld .info-btn {
	top: -10px !important
}
.branding-section {
	height: 100%;
}
.lp-btm-space {
	padding-bottom: 100px !important
}
}
@media (min-width: 1367px) and (max-width: 1440px) {
.client-wise.line > img {
	max-width: 80px;
	;
}
.leftside-box {
	background: #fff
}
.client-wise.line {
	padding: 20px;
	width: 33%
}
.client-wise.line:hover {
	padding: 20px;
}
.rightside-logo {
	height: 508px;
}
.branding-section {
	height: 100%;
}
}
@media (min-width: 1439px) and (max-width: 1559px) {
.sys-chaos-text .major-remarks {
	padding: 30px 50px;
}
.chaos-img {
	max-width: 60%
}
.work_title_yellow {
	margin-bottom: 0px;

}
.default-service-block .inner-box h3 {
	font-size: 20px;
}
.default-service-block .inner-box .icon-box {
	font-size: 35px;
}
.default-service-block .inner-box {
	padding: 25px 40px 80px;
}
.sys-chaos-text {
	top: 75px;
}
.sys-chaos-text .major-remarks {
	padding: 5px;
}
.client-wise.line {
/*width:25%;*/
}
.branding-section {
	height: 100%;
}
}
 @media (min-width: 1600px) and (max-width: 1679px) {
.client-wise.line > img {
	max-width: 80px;
	
}
.leftside-box {
	background: #fff
}
.client-wise.line {
	padding: 20px;
	width: 33%
}
.client-wise.line:hover {
	padding: 20px;
}
.rightside-logo {
	height: 513px;
}
.sys-chaos-text .major-remarks {
	padding: 40px 10px
}

}
/*1920x1200 mac resolution*/
@media screen and (min-height: 1085px) {
p {
	font-size: 20px;
}
.elem.--triangulo-home {
	bottom: 60px;
}
.moldura-landing__borda {
	background-repeat: repeat;
	background-size: contain
}
.breadcrumbs ul > li {
	font-size: 15px;
}
.menu__text {
	font-size: 15px;
}
.work__tags {
	font-size: 20px;
}
.menu-works__item__text {
	font-size: 15px;
}
.vision-mission {
	font-size: 20px;
}
.list-item-white li {
	font-size: 20px;
}
.projeto-resumo__desc {
	font-size: 20px;
}
.feature-box.line .title {
	font-size: 18px;
}
.vision-mission {
	font-size: 20px;
}
.list-item > li {
	font-size: 17px;
}
.list-item-white li {
	font-size: 20px;
}
.faq-home .accrodion .accrodion-content p {
	font-size: 20px !important;
}
.exprt-list-item > li {
	font-size: 20px !important;
}
.accrodion-content > h4 {
	font-size: 22px !important;
}
}
@media (min-width: 1920px) and (max-width: 2000px) {
/*.client-wise.line > img {*/
/*	max-width: 80px;*/
	
/*}*/
.leftside-box {
	background: #fff
}
.client-wise.line {
	padding: 20px;
	width: 25%
}
.client-wise.line:hover {
	padding: 20px;
}
.rightside-logo {
	height: 508px;
}
.inquiry-section {
	height: 100% !important;
	overflow-x: visible !important;
}
}