/* Landscape phones and down */
@media (max-width: 320px) {

}
@media (max-width: 479px) {
	
	.container { width: 296px!important;}
	.popup-form-div label{ font-size:13px; }
	.popup-forms-div label{ font-size:13px; }
	#inline h2 { font-size: 26px !important; line-height: 30px !important; }
	
	.list_carousel ul {
				height:300px;
			}
			.list_carousel li {
				height: 300px;
			}
			.slide1 {
				margin: 0 auto;  width: 100%; position:absolute; left:1%; top:54%;
			}
			.slide2 { 
				 margin: 0 auto;  width: 100%; position:absolute; left: 1% !important; top: 50% !important; width: 100%;
			}
			.slide3 { 
				margin: 0 auto;  width: 100%; left: 0%; position: absolute; top: 55%;
			}
			.slide4 { margin: 0 auto;  width: 100%; left: 1%; position: absolute; top: 51%;}
			#foo4 h2 {
				color: #FFFFFF;
				font-size: 28px;
				line-height: 34px;
			}
			#foo4 p {
				font-size: 11px;
				line-height: 21px;
				color:#FFFFFF;
			}
			#foo4 a { 
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 15px;
				height: 28px;
				line-height: 26px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
			}
			#foo4 .slide3 a {
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 15px;
				height: 28px;
				line-height: 26px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
			}
			#foo4 .slide4 h2{
				font-size: 28px;
				line-height: 34px;
				color:#FFFFFF;
			}
			.list_carousel .prev {
				background-position: 0 0;
				left:0px;
				top:35%;
			}
			.list_carousel .prev:hover {
				left:0px;
				top:35%;
			}			
			.list_carousel .next {
				background-position: -51px 0;
				right:0px;
				top:35%;
			}
			.list_carousel .next:hover {
				right:0px;
				top:35%;
			}	


	.glass-page .chapters.two-column .right p {font-size:17px !important;}
	.glass-page .chapters.two-column .right span { position: relative; top: 15px;}
    .footer-all-left{float:none!important;}
    .footer-all-right{float:none!important;}
    .container { width:320px; }

    body .chapter .image-grid { width:230px; }
	#mobile_design .span8 li { width:205px;}
	#mobile_design .span8 ul { width:207px;}
	#strategy_and_consulting .span8 li { width:210px;}
	#strategy_and_consulting .span8 ul { width:212px;}
	
	.formdamentals-page .focus-image h1 {color: #ecf3f9; float: left; text-align: center;padding-top:0px;padding-left:0px;width:234px !important;}
	#creative_and_branding .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#strategy_and_consulting .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#web_design_and_development .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#interaction_and_ux_design .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#web_application .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#mobile_design .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#seo_and_online_marketing .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#social_media .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	#online_business_analysis .servicesPagesNav ul li a{padding: 2% 0 2% 14% !important;}
	
	.homepage .twiter img {display:none;}
	.homepage #twitter-feed ul li {padding:0px;}
	#case-grid li .view { background: url("../img/work/view-case-study-small.png") no-repeat scroll 50% 50% transparent; }
	#case-grid li {height:315px !important;}
	#buy-grid li .view { background: url("../img/beli-small.png") no-repeat scroll 50% 50% transparent; }
	#buy-grid li {height:315px !important;}
	::selection {
    background-color: #7bae23;
    color: #fff;
}
::-moz-selection {
	background-color: #7bae23;
    color: #fff;
}
.item-price-container {
	display:block;
	background:#007CBF;
	text-align:center;
	font:400 10px/12px "Gudea", Arial, sans-serif;
	color:#ffffff;
	width:60px;
	height:60px;
	position: absolute;
	bottom:240px;
	right:0px;
	text-align:center;
	border-radius:500px;
	z-index:800;
}

.item-price-special {
	font:700 16px/20px "Gudea", Arial, sans-serif;
	color:#e82c0c;
}

.item-price-container .old-price {
	color:red;
	text-decoration:line-through;
	display:block;
	margin-top:15px;
}

.item-price-container .item-price{
	margin-top:10px;
	display:block;
}
.item-price-container1 {
	display:block;
	background:#00BF1D;
	text-align:center;
	font:400 24px/30px "Gudea", Arial, sans-serif;
	color:#FFFFFF;
	width:150px;
	height:150px;
	position: absolute;
	bottom:-200px;
	right:10px;
	text-align:center;
	border-radius:500px;
	z-index:800;
}
.item-price-container1 .old-price {
	color:red;
	text-decoration:line-through;
	display:block;
	margin-top:35px;
	margin-bottom:-50px;
}

.item-price-container1 .item-price{
	margin-top:50px;
	display:block;
}

.sub-price {
	font-size:75%;
	position: relative;
	bottom:0;
}

.item-price-container .old-price  + .item-price {
	margin-top:0 !important;	
}
		.item > .item-image-container .item-price-container {
		font-size:15px;
		width:81px;
		height:81px;
	}
.new-rect,
.discount-rect {
	display:block;
	font:400 10px/12px "PT Sans", sans-serif;
	color:#fff;
	padding:4px 0;
	position: absolute;
	left:0;
	top:10px;
	text-transform:uppercase;
	z-index:800;
	width:50px;
	text-align:center;
}

.new-rect {
	background:#7bae23;
}

.discount-rect {
	background:#c72929;
}	
	/* analog */
	.analog-page .focus-image img {margin-left:0px;}
        .analog-page .intro-chapter {padding-bottom:145px;}
        #analog-intro {margin-bottom: 20px;}
        
	/*anon fix images*/
	.anon-page .focus-image img {margin-left:0px;}
	.anon-page .intro-chapter {padding-bottom:145px;}
	#anon-intro {margin-bottom: 20px;}
	/*contact button*/
	#questionaire .start-project-btn {font-size: 16px !important;}
	/*fix for work pages*/
	.watchalyzer-page .focus-image { margin-bottom: -137px !important; }
	#watchalyzer-introduction {padding-top: 55px !important;}
	.soliant-page .intro-chapter {padding-bottom: 55px !important;}
	.soliant-page .focus-image img {margin-top: -15px;}
	#formdamentals-intro {margin-bottom: 190px !important;}
	.formdamentals-page .intro-chapter { padding-bottom: 145px !important;}
	.formdamentals-page .chapter { margin-top: -33px !important; padding-top: 0px;}
        
        #we-are-different div p {font-size:15px;}
                         /*sitemap*/  
        .all-list { margin-left:72px !important;}
      /*fix for blog*/
        #commentform .logged-in-as {width: 93% !important;}
        #commentform .comment-form-comment #comment, #commentform #author, #commentform #email, #commentform #url {width: 230px!important;}
        #partners { margin: 0 0 0 3% !important; }
        #partners li .view {  left: 66%; }
        .life-gear-page .focus-image { margin-bottom: -110px;}
        .about-us-page #team-box li { padding: 0 50px 20px; }
        
        #case-grid li p { padding-left:5px; }
        #case-grid li h2 { padding-left:5px; }
        .offices address { padding-left: 5px; }
        .offices .thumb-box h3 {padding-left:5px;}
        .homepage .social-icon .facebook {width:96% !important;}
        .contact-recaptcha {margin:0 auto; width:100%;line-height:5px;}
	.contact-recaptcha { margin-left:3px !important; position: relative; }
        #case-grid li p { padding-left:5px; }
        #case-grid li h2 { padding-left:5px; }
        .offices address { padding-left: 5px; }
        .offices .thumb-box h3 {padding-left:5px;}
        .homepage .social-icon .facebook {width:95% !important;}
        .contact-recaptcha {margin:0 auto; width:100%;line-height:5px;}
	.contact-recaptcha { margin-left:-5px !important; }
	.contact-recaptcha #recaptcha_logo { display: none; }
	#recaptcha_response_field { width: 280px !important; }
	.contact-recaptcha #recaptcha_logo { display: none; }
	.contact-recaptcha tr:first-child td:last-child { padding: 0px !important; }
	.contact-recaptcha .recaptcha_input_area { width:100px !important; }
	.contact-recaptcha #recaptcha_privacy { display: none; }
	.contact-recaptcha #recaptcha_reload_btn { position: absolute; top:14px; right:-11px; }
	.contact-recaptcha #recaptcha_switch_audio_btn { position: absolute; top:30px; right:-11px; }
	.contact-recaptcha #recaptcha_whatsthis_btn { position: absolute; top:44px; right:-11px; }
        .contact-recaptcha #recaptcha_switch_img_btn { position: absolute; top:30px; right:-11px; }
	.recaptchatable .recaptcha_image_cell { padding: 7px 0 7px 5px !important; }
        
        /*bio*/
        /*        .asline  .inline-name { background: none repeat scroll 0 0 #D7383E; height: 62px; left: 6%; position: absolute; top: 170px; width:216px; z-index: 2; } */
        .inline-name { background: none repeat scroll 0 0 #D7383E; height: 62px; left: 11%; position: absolute; top: 29%; width:216px; z-index: 2; }
        .team-name { font-size: 20px; margin-top: 13px; margin-bottom: 2px;}
        .team-profession {font-weight: normal; font-size: 13px; }
/*        .inline-bio {  left: -40px; top: 220px; width: 310px; }*/
  /*        .asline      .inline-bio { left: 0px; top: -29px; width: 246px!important; } */
        .inline-bio { left: 0px; top: -29px; width: 100%!important; }
        .team-bio {margin: 26px 25px; padding: 8px 7px;  font-size: 11px; line-height: 15px;}
/*        .fancybox-close{right: -14%; top: 82%;}*/
        .fancybox-close { right: -5px; top: 205px; }
        .fancybox-next span {left: 90px;}
/*        .fancybox-next span {left: 106px;}*/
        .fancybox-prev span{left:-40px;}
/*        .fancybox-prev span{left:-63px;}*/
/*        .fancybox-nav span {top: 133%;}*/
        .fancybox-nav span {top: 340px !important;}
        .fancybox-outer img {max-width:100%;}
        .team-bio p{font-size:12px; line-height:17px;}
        .analog-page #analog-third .text { width:100%;}
        .analog-page #analog-third .shopatron {  margin-top: -36px; }
        #analog-fourth .burton { clear: both !important; float: none !important;  margin: 0 auto; text-align: center;
    width: 50%;}
        .analog-page .text{ text-align:center!important; }
        .analog-page .chapter {  padding-top: 20px;}
        .analog-page #analog-second .gallery-preview figure{  clear: both; float: none !important;  margin: 2% auto 0; text-align: center; width: 50%; }
        .analog-page #analog-second .text {  float: none;  width: 100%;}
}

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

        .glass-page .gallery-preview h3 {
            margin-left: 50px;
            margin-right: 50px;
        }
        .glass-page .gallery-preview figcaption {
            margin-left: 50px;
            margin-right: 50px;
        }
        .glass-page .button-findout {
            margin-right: 50px;
        }
		.slide3 { 
				margin: 0 auto;  width: 100%; left: 8%; position: absolute; top: 9%;
			}
			#foo4 h2 {
				color: #FFFFFF;
				font-size: 28px;
				line-height: 34px;
			}
			#foo4 p {
				font-size: 11px;
				line-height: 18px;
				color:#FFFFFF;
			}
			#foo4 a { 
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 15px;
				height: 28px;
				line-height: 26px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
			}
			#foo4 .slide2 h2{
				color:#000000;
			}
			#foo4 .slide2 p{
				color:#686868;
			}
			
			#foo4 .slide3 a {
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 15px;
				height: 28px;
				line-height: 27px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
				float:left !important;
				padding: 1px 23px;
			}
			#foo4 .slide3 h2{
				text-align:left;
			}
			#foo4 .slide3 p{
				text-align:left;
			}
			#foo4 .slide4 h2{
				font-size: 28px;
				line-height: 34px;
				color:#000000;
			}
    
        .fancybox-nav span {top: 410px !important;}
        .contact-recaptcha {margin:0 auto; width:100%;line-height:5px;}
        .footer-all-left{float:none!important;}
        .footer-all-right{float:none!important;}
        .analog-page .focus-image img {   margin-bottom: 60px; margin-left: -62px;}
	.anon-page .focus-image img {   margin-bottom: 60px; margin-left: -62px;}
	.twiter img {float: left;height: 42px;}
	.homepage .twiter img {float: left;height: 32px;}
        .container { width:464px; }
	/*.affiliates{float: left; width:100%;}
        .social-icon{float: left; width:100%;}*/
	#creative_and_branding .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#creative_and_branding .servicesPagesNav ul li a.servicesPagesNav_sel, #creative_and_branding .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#creative_and_branding .servicesPagesNav ul li a {font-size:14px;}
	#creative_and_branding .servicesPagesNav ul {font-size: 14px;}
	#creative_and_branding .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#strategy_and_consulting .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#strategy_and_consulting .servicesPagesNav ul li a.servicesPagesNav_sel, #strategy_and_consulting .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#strategy_and_consulting .servicesPagesNav ul li a {font-size:14px;}
	#strategy_and_consulting .servicesPagesNav ul {font-size: 14px;}
	#strategy_and_consulting .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#web_design_and_development .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#web_design_and_development .servicesPagesNav ul li a.servicesPagesNav_sel, #web_design_and_development .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#web_design_and_development .servicesPagesNav ul li a {font-size:14px;}
	#web_design_and_development .servicesPagesNav ul {font-size: 14px;}
	#web_design_and_development .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#interaction_and_ux_design .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#interaction_and_ux_design .servicesPagesNav ul li a.servicesPagesNav_sel, #interaction_and_ux_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#interaction_and_ux_design .servicesPagesNav ul li a {font-size:14px;}
	#interaction_and_ux_design .servicesPagesNav ul {font-size: 14px;}
	#interaction_and_ux_design .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#web_application .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#web_application .servicesPagesNav ul li a.servicesPagesNav_sel, #web_application .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#web_application .servicesPagesNav ul li a {font-size:14px;}
	#web_application .servicesPagesNav ul {font-size: 14px;}
	#web_application .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#mobile_design .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design  .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#mobile_design .servicesPagesNav ul li a {font-size:14px;}
	#mobile_design .servicesPagesNav ul {font-size: 14px;}
	#mobile_design .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#seo_and_online_marketing .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#seo_and_online_marketing .servicesPagesNav ul li a.servicesPagesNav_sel, #seo_and_online_marketing .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#seo_and_online_marketing .servicesPagesNav ul li a {font-size:14px;}
	#seo_and_online_marketing .servicesPagesNav ul {font-size: 14px;}
	#seo_and_online_marketing .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#social_media .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#social_media .servicesPagesNav ul li a.servicesPagesNav_sel, #social_media .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#social_media .servicesPagesNav ul li a {font-size:14px;}
	#social_media .servicesPagesNav ul {font-size: 14px;}
	#social_media .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#online_business_analysis .servicesPagesNav { clear: none; float: left; margin-left: 80px; }
	#online_business_analysis .servicesPagesNav ul li a.servicesPagesNav_sel, #online_business_analysis .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size: 14px;}
	#online_business_analysis .servicesPagesNav ul li a {font-size:14px;}
	#online_business_analysis .servicesPagesNav ul {font-size: 14px;}
	#online_business_analysis .servicesPagesNav ul li a:hover {font-size: 14px;}
	
	#case-grid li .view { background: url("../img/work/view-case-study-small.png") no-repeat scroll 50% 50% transparent; }
	/*analog fix images*/
        .analog-page .intro-chapter {padding-bottom:54px !important;}
        #analog-intro {margin-bottom: 27px;}
	/*anon fix images*/
	.anon-page .intro-chapter {padding-bottom:54px !important;}
	#anon-intro {margin-bottom: 27px;}
	/*contact button*/
	#questionaire .start-project-btn {font-size: 18px !important;}
	/*fix for work pages*/
	.soliant-page .focus-image img {margin-top: -28px;}
	.soliant-page .intro-chapter {padding-bottom: 38px !important;}
        /*sitemap*/
        .sitemap .container { width: 460px;}
        /*blog fix*/
        #commentform .logged-in-as {width: 93% !important;}
        #commentform .comment-form-comment #comment, #commentform #author, #commentform #email, #commentform #url{
            width:95% !important;
        }
        #life-gear-intro { margin-bottom: 35px; }
        .life-gear-page .intro-chapter { padding: 55px 0; }
        .about-us-page #team-box li { padding: 0 8px 20px; }
        
        /*bio*/
        .inline-name { height: 62px; left: 17%; top: 214px; width:272px;}
        .inline-bio {  left:0px; top: -40px; width: 408px !important;}
        .fancybox-close{right: -2px; top: 252px;}
/*        .inline-name { height: 62px; left: 3%; top: 214px; width:94%;}*/
        .team-name { font-size: 23px; margin-top: 12px; margin-bottom: 4px;}
        .team-profession {font-weight: normal; font-size: 14px; }
/*        .inline-bio {  left: -45px; top: 262px; width: 381px;}*/
        .team-bio {margin: 26px 25px; padding: 8px 7px;  font-size: 12px; line-height: 16px;}
/*        .fancybox-close{right: -43px; top: 261px;}*/
        .fancybox-next span {right: -54px;}
        .fancybox-prev span{left:-69px;}
        .fancybox-nav span {top: 119%;}
        .fancybox-outer img {max-width:295px;}
        
}


@media (min-width: 480px) and (max-width: 580px) {
	
        /*blog fix*/
        #commentform .comment-form-comment #comment, #commentform #author, #commentform #email, #commentform #url{
            width:93% !important;
        }
		.slide2 { left: 19%; margin: 0 auto; position: absolute; top: 18%; width: 100%;}
        #mobile-services .our-services-stripe .span-services {
            margin-left:2%;
        }
}
@media (min-width: 581px) and (max-width: 767px) {
	
        /*blog fix*/
        #commentform .comment-form-comment #comment, #commentform #author, #commentform #email, #commentform #url{
            width:75% !important;
        }
		.slide2 { left: 19%; margin: 0 auto; position: absolute; top: 24%; width: 100%; }
        #mobile-services .our-services-stripe .span-services {
            margin-left:2%;
        }
        
#wrapper {
	width:100%;
	background-color: #fff;
}

#wrapper.boxed {
	width:970px;
	margin:30px auto;
	box-shadow: 0 0 15px rgba(0,0,0, 0.4);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.4);
}

::selection {
    background-color: #7bae23;
    color: #fff;
}
::-moz-selection {
	background-color: #7bae23;
    color: #fff;
}
.item-price-container {
	display:block;
	background:#007CBF;
	text-align:center;
	font:400 10px/12px "Gudea", Arial, sans-serif;
	color:#ffffff;
	width:60px;
	height:60px;
	position: absolute;
	bottom:400px;
	right:0px;
	text-align:center;
	border-radius:500px;
	z-index:800;
}

.item-price-special {
	font:700 16px/20px "Gudea", Arial, sans-serif;
	color:#e82c0c;
}

.item-price-container .old-price {
	color:red;
	text-decoration:line-through;
	display:block;
	margin-top:15px;
}

.item-price-container .item-price{
	margin-top:10px;
	display:block;
}
.item-price-container1 {
	display:block;
	background:#00BF1D;
	text-align:center;
	font:400 24px/30px "Gudea", Arial, sans-serif;
	color:#FFFFFF;
	width:150px;
	height:150px;
	position: absolute;
	bottom:-200px;
	right:10px;
	text-align:center;
	border-radius:500px;
	z-index:800;
}
.item-price-container1 .old-price {
	color:red;
	text-decoration:line-through;
	display:block;
	margin-top:35px;
	margin-bottom:-50px;
}

.item-price-container1 .item-price{
	margin-top:50px;
	display:block;
}

.sub-price {
	font-size:75%;
	position: relative;
	bottom:0;
}

.item-price-container .old-price  + .item-price {
	margin-top:0 !important;	
}
		.item > .item-image-container .item-price-container {
		font-size:15px;
		width:81px;
		height:81px;
	}
.new-rect,
.discount-rect {
	display:block;
	font:400 10px/12px "PT Sans", sans-serif;
	color:#fff;
	padding:4px 0;
	position: absolute;
	left:0;
	top:10px;
	text-transform:uppercase;
	z-index:800;
	width:50px;
	text-align:center;
}

.new-rect {
	background:#7bae23;
}

.discount-rect {
	background:#c72929;
}	
}
@media (max-width: 693px) {
	.fancybox-wrap { margin-right: 20px;}
	
}
/* All till portrait tablet */
@media (max-width: 767px) {
    .glass-page .chapters.two-column .left {
        width:100%;
    }
    .glass-page .chapters.two-column .right {
        width:100%;
    }
			.list_carousel .prev {
				background-position: 0 0;
				left:0px;
				top:24%;
			}
			.list_carousel .prev:hover {
				left:0px;
				top:24%;
				background: transparent url(../img/arrows-hover.png) no-repeat 0 0;
			}			
			.list_carousel .next {
				background-position: -60px 0;
				right:0px;
				top:24%;
			}
			.list_carousel .next:hover {
				background-position: -60px 0 !important;
				right:0px;
				top:24%;
				background: transparent url(../img/arrows-hover.png) no-repeat 0 0;
			}
	/* new design */
        .formdamentals-page .focus-image h1 {color: #ecf3f9; float: left; text-align: center;padding-top:0px;padding-left:0px;width:348px;padding-left:33px;}
        .footer-all-left{float:none;}
        .footer-all-right{float:none;}
		.glass-page .chapters.two-column .right p {font-size:19px;}
	.glass-page .chapters .gallery-preview figure { width:100%; }
	#creative_and_branding .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#creative_and_branding .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#creative_and_branding .div2 img {display:block;}
	#creative_and_branding .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#creative_and_branding .servicesPagesNav ul {width: 80% !important; }
	#creative_and_branding .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#creative_and_branding .box-title {padding: 70px 0 14px;text-align: center;}
	#creative_and_branding .mobile-headline{min-width:80%;text-align: center;}
	#creative_and_branding p.headline-paragraf-title {margin-right: 0px;}
	#creative_and_branding p.headline-paragraf-text {margin-right: 0px;}
	#creative_and_branding .cool-font-text {margin-right: 0px;}
	#creative_and_branding .content-text li {margin-right: 0px;}
	#creative_and_branding .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#creative_and_branding .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}


	#strategy_and_consulting .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#strategy_and_consulting .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#strategy_and_consulting .div2 img {display:block;}
	#strategy_and_consulting .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#strategy_and_consulting .servicesPagesNav ul {width: 80% !important; }
	#strategy_and_consulting .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#strategy_and_consulting .box-title {padding: 70px 0 14px;text-align: center;}
	#strategy_and_consulting .mobile-headline{min-width:80%;text-align: center;}
	#strategy_and_consulting p.headline-paragraf-title {margin-right: 0px;}
	#strategy_and_consulting p.headline-paragraf-text {margin-right: 0px;}
	#strategy_and_consulting .cool-font-text {margin-right: 0px;}
	#strategy_and_consulting .content-text li {margin-right: 0px;}
	#strategy_and_consulting .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#strategy_and_consulting .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}

	#web_design_and_development .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#web_design_and_development .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#web_design_and_development .div2 img {display:block;}
	#web_design_and_development .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#web_design_and_development .servicesPagesNav ul {width: 80% !important; }
	#web_design_and_development .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#web_design_and_development .box-title {padding: 70px 0 14px;text-align: center;}
	#web_design_and_development .mobile-headline{min-width:80%;text-align: center;}
	#web_design_and_development p.headline-paragraf-title {margin-right: 0px;}
	#web_design_and_development p.headline-paragraf-text {margin-right: 0px;}
	#web_design_and_development .cool-font-text {margin-right: 0px;}
	#web_design_and_development .content-text li {margin-right: 0px;}
	#web_design_and_development .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#web_design_and_development .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}
	
	#interaction_and_ux_design .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#interaction_and_ux_design .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#interaction_and_ux_design .div2 img {display:block;}
	#interaction_and_ux_design .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#interaction_and_ux_design .servicesPagesNav ul {width: 80% !important; }
	#interaction_and_ux_design .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#interaction_and_ux_design .box-title {padding: 70px 0 14px;text-align: center;}
	#interaction_and_ux_design .mobile-headline{min-width:80%;text-align: center;}
	#interaction_and_ux_design p.headline-paragraf-title {margin-right: 0px;}
	#interaction_and_ux_design p.headline-paragraf-text {margin-right: 0px;}
	#interaction_and_ux_design .cool-font-text {margin-right: 0px;}
	#interaction_and_ux_design .content-text li {margin-right: 0px;}
	#interaction_and_ux_design .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#interaction_and_ux_design .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}
	
	#web_application .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#web_application .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#web_application .div2 img {display:block;}
	#web_application .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#web_application .servicesPagesNav ul {width: 80% !important; }
	#web_application .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#web_application .box-title {padding: 70px 0 14px;text-align: center;}
	#web_application .mobile-headline{min-width:80%;text-align: center;}
	#web_application p.headline-paragraf-title {margin-right: 0px;}
	#web_application p.headline-paragraf-text {margin-right: 0px;}
	#web_application .cool-font-text {margin-right: 0px;}
	#web_application .content-text li {margin-right: 0px;}
	#web_application .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#web_application .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}
	
	#mobile_design .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#mobile_design .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#mobile_design .div2 img {display:block;}
	#mobile_design .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#mobile_design .servicesPagesNav ul {width: 80% !important; }
	#mobile_design .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#mobile_design .box-title {padding: 70px 0 14px;text-align: center;}
	#mobile_design .mobile-headline{min-width:80%;text-align: center;}
	#mobile_design p.headline-paragraf-title {margin-right: 0px;}
	#mobile_design p.headline-paragraf-text {margin-right: 0px;}
	#mobile_design .cool-font-text {margin-right: 0px;}
	#mobile_design .content-text li {margin-right: 0px;}
	#mobile_design .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#mobile_design .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}
	
	#seo_and_online_marketing .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#seo_and_online_marketing .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#seo_and_online_marketing .div2 img {display:block;}
	#seo_and_online_marketing .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#seo_and_online_marketing .servicesPagesNav ul {width: 80% !important; }
	#seo_and_online_marketing .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#seo_and_online_marketing .box-title {padding: 70px 0 14px;text-align: center;}
	#seo_and_online_marketing .mobile-headline{min-width:80%;text-align: center;}
	#seo_and_online_marketing p.headline-paragraf-title {margin-right: 0px;}
	#seo_and_online_marketing p.headline-paragraf-text {margin-right: 0px;}
	#seo_and_online_marketing .cool-font-text {margin-right: 0px;}
	#seo_and_online_marketing .content-text li {margin-right: 0px;}
	#seo_and_online_marketing .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#seo_and_online_marketing .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}
	
	#social_media .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#social_media .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#social_media .div2 img {display:block;}
	#social_media .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#social_media .servicesPagesNav ul {width: 80% !important; }
	#social_media .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#social_media .box-title {padding: 70px 0 14px;text-align: center;}
	#social_media .mobile-headline{min-width:80%;text-align: center;}
	#social_media p.headline-paragraf-title {margin-right: 0px;}
	#social_media p.headline-paragraf-text {margin-right: 0px;}
	#social_media .cool-font-text {margin-right: 0px;}
	#social_media .content-text li {margin-right: 0px;}
	#social_media .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#social_media .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}
	
	#online_business_analysis .div1{width:100%;margin-bottom:0px;padding-bottom:0px;}
	#online_business_analysis .div2{width:100%; position:relative; margin-bottom:0px;padding-bottom:0px;background:none;}
	#online_business_analysis .div2 img {display:block;}
	#online_business_analysis .servicesPagesNav{margin-bottom: 5%;  margin-top: 5%; position:absolute; top:5%; width:80%; margin-left:10%;margin-right:10%; }
	#online_business_analysis .servicesPagesNav ul {width: 80% !important; }
	#online_business_analysis .content-text{margin-left:10%;margin-right:10%;max-width:80%;}
	#online_business_analysis .box-title {padding: 70px 0 14px;text-align: center;}
	#online_business_analysis .mobile-headline{min-width:80%;text-align: center;}
	#online_business_analysis p.headline-paragraf-title {margin-right: 0px;}
	#online_business_analysis p.headline-paragraf-text {margin-right: 0px;}
	#online_business_analysis .cool-font-text {margin-right: 0px;}
	#online_business_analysis .content-text li {margin-right: 0px;}
	#online_business_analysis .servicesPagesNav ul {margin: 0 0 45px 60px;}
	#online_business_analysis .servicesPagesNav ul li a{padding: 4% 0 4% 16%;}
	
	/* end of new design */

    #what-we-do { display:none; }

    body { padding-left:0; padding-right:0; }
    /* Header */
    .nav-collapse,
    .nav-collapse.collapse { margin-top:70px; }
    .navbar .nav-collapse .nav.left { margin-bottom:0; }
    .navbar .nav-collapse .nav.right > li { margin-left:0; }
    .navbar .nav-collapse .nav { float:left; margin-left:20px; clear:both; }
    .navbar .brand,
    .navbar .brand.leaf { left:0; margin-left:0; margin-top:5px; }
    .navbar .brand.main { left:0; margin-left:0; margin-top:5px; }
    .navbar-fixed-top { margin-bottom:0;}
    .blog .navbar-fixed-top { margin-bottom:0; height: 100%;position: relative; width: 100%;}/*position: fixed;*/
    .single .navbar-fixed-top { margin-bottom:0; height: 100%;position: relative;width: 100%;}
	
    #welcome-message { padding-top:20px; }
    #welcome-message .red-box { width:auto; padding:25px 15px; }
    #welcome-message .red-box h1 { font-size:35px; line-height:35px; margin-bottom:10px; }
    #welcome-message .intro { font-size:16px; }
    #welcome-message .description { width:auto; margin:0 20px; }
    #welcome-message .invitation { font-size:24px; line-height:30px }

    #about-us header {  }
    #about-us header p { font-size:30px; text-align:center; padding-right:0; background:none; width:80%; margin:0 auto; line-height:35px; }
    #about-us header p span { display:inline; }
    #about-us .offices .thumb-box { width:46%; float:left; margin-left:3%; margin-bottom:0; }
    #about-us .offices .thumb-box h3 { font-size:20px; padding-right:20%; }
    #about-us .thumb-box { margin-bottom:15px; }

    #footer { text-align: center; padding-top:15px; }
    #footer .social-links { float:none; margin:10px auto; width:155px; }
    #footer .social-links li:last-child { margin-right:0; }
    #footer address { float:none; margin-left:auto; margin-right:auto; }

    .intro-chapter .client-box { width:auto!important; text-align:center; }
    .intro-chapter .client-logo { float:none; margin:0!important; }
    .intro-chapter .client-info { margin:0; border:0; padding:0; float:none; background:none; }

    .chapter p { width:auto; }
    .chapter .image-grid { width:460px; }

    .case-study-page .chapter.two-column { text-align:center; }
    .case-study-page .chapter.two-column p { margin:0; margin-bottom:1.5em; width:auto; }
    .case-study-page .chapter.two-column .row { width:95%; margin:0 auto; }
    .case-study-page .chapter.two-column .left { float:none; clear:both; width:auto; }
    .case-study-page .chapter.two-column .right { float:none; width:auto; }

    .chapter .gallery-preview figure { float:none; width:100%; }

    .intro-chapter .focus-image h1 { font-size:24px; line-height:26px; }

    .start-project h2 { font-size:26px;}
    .start-project .start-project-btn { font-size:26px; height:50px; line-height:50px; }
	.start-project .start-project-btn-thank { font-size:26px; height:50px; line-height:50px; }
    .start-project .phone-number { font-size:26px; }

    .chapter .app-available { font-size:22px; }

    #case-grid li { height:380px; width:50%; }
    #oldies-goldies .client-list li { width:45%; }
	
	#page-404 .kid{ display:none; position:absolute; width:135px; height:265px; top: 122px; left: 126px; }
	#page-404 .conteiner-404page {min-height: 430px; background:none; float:left; width:100%; text-align: center;}
	#page-404 .page-text { width: 100%; margin-top: 90px; float:left; margin-left:0px;}
	#page-404 h1 span { font-size:80px; }
	#page-404 h1 { font-size:48px; }
	#page-404 h2 { font-size:25px; }
	#page-404 .text { font-size:14px; margin-top:5px; line-height: 22px;}
	#page-404 .page-text ul { margin-left: 0px; }
	#page-404 .page-text li { font-size: 14px; line-height: 18px; }
	#page-404 .texts {font-size: 14px; line-height: 20px; margin-left: 0px;}
	#page-404 .texts a { font-size: 14px; }
	#page-404 .hover-kid { left: 109px; top: -71px; background-size: 60% 60%;}
	#page-404 .kid-text {  display:none; font-size: 12px; line-height: 15px; margin-left: -70px; margin-top: 5px;}
	#page-404 .kid-title { display:none; font-size: 26px; margin-left: -69px; margin-top: 30px;}
	#page-404 .content { margin-left: -25px;}
	#page-404 h3.other-things{font-size: 23px;}
	#page-404 input, text { width:auto; }
	#page-404 .search-goog{width:auto;}
	#page-404 input[type="submit"] { height: 45px; font-size: 24px; background:url("../img/search-btns.png") no-repeat scroll 0 0 transparent; width:279px;}
	
	#creative_and_branding .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#creative_and_branding .servicesPagesNav span { display:none; }
	/*#creative_and_branding .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#creative_and_branding .servicesPagesNav ul li {background: none; width: 250px;}
	#creative_and_branding .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#creative_and_branding .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#creative_and_branding .border-a {display:block;}
	#creative_and_branding .web-services-desc { padding: 0 0 160px 0;}
	
	#strategy_and_consulting .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#strategy_and_consulting .servicesPagesNav span { display:none; }
	/*#strategy_and_consulting .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#strategy_and_consulting .servicesPagesNav ul li {background: none; width: 250px;}
	#strategy_and_consulting .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#strategy_and_consulting .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#strategy_and_consulting .border-a {display:block;}
	#strategy_and_consulting .web-services-desc { padding: 0 0 175px 0;}
	
	#web_design_and_development .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#web_design_and_development .servicesPagesNav span { display:none; }
	/*#web_design_and_development .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#web_design_and_development .servicesPagesNav ul li {background: none; width: 250px;}
	#web_design_and_development .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#web_design_and_development .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#web_design_and_development .border-a {display:block;}
	#web_design_and_development .web-services-desc { padding: 0 0 160px 0;}
	
	#interaction_and_ux_design .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#interaction_and_ux_design .servicesPagesNav span { display:none; }
	/*#interaction_and_ux_design .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#interaction_and_ux_design .servicesPagesNav ul li {background: none; width: 250px;}
	#interaction_and_ux_design .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#interaction_and_ux_design .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#interaction_and_ux_design .border-a {display:block;}
	#interaction_and_ux_design .web-services-desc { padding: 0 0 160px 0;}
	
	#web_application .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#web_application .servicesPagesNav span { display:none; }
	/*#web_application .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#web_application .servicesPagesNav ul li {background: none; width: 250px;}
	#web_application .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#web_application .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#web_application .border-a {display:block;}
	#web_application .web-services-desc { padding: 0 0 160px 0;}
	
	#mobile_design .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#mobile_design .servicesPagesNav span { display:none; }
	/*#mobile_design .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#mobile_design .servicesPagesNav ul li {background: none; width: 250px;}
	#mobile_design .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#mobile_design .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#mobile_design .border-a {display:block;}
	#mobile_design .web-services-desc { padding: 0 0 295px 0;}
	
	#seo_and_online_marketing .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#seo_and_online_marketing .servicesPagesNav span { display:none; }
	/*#seo_and_online_marketing .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#seo_and_online_marketing .servicesPagesNav ul li {background: none; width: 250px;}
	#seo_and_online_marketing .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#seo_and_online_marketing .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#seo_and_online_marketing .border-a {display:block;}
	#seo_and_online_marketing .web-services-desc { padding: 0 0 282px 0;}
	
	#social_media .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#social_media .servicesPagesNav span { display:none; }
	/*#social_media .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#social_media .servicesPagesNav ul li {background: none; width: 250px;}
	#social_media .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#social_media .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#social_media .border-a {display:block;}
	#social_media .web-services-desc { padding: 0 0 160px 0;}
	
	#online_business_analysis .servicesPagesNav { clear: none; float: left; margin-top: 55px;}
	#online_business_analysis .servicesPagesNav span { display:none; }
	/*#online_business_analysis .servicesPagesNav ul { background: none;width: 255px; margin-bottom:65px; padding-top: 10px; font-size:none;}*/
	#online_business_analysis .servicesPagesNav ul li {background: none; width: 250px;}
	#online_business_analysis .headline-paragrafs {display:block; color:#d25e64; font-size:25px; text-align:center; margin-top:5%;}
	#online_business_analysis .servicesPagesNav ul li a { border-left:0px solid; padding:5px 0 5px 28px;width: 250px; font-size:none;}
	#online_business_analysis .border-a {display:block;}
	#online_business_analysis .web-services-desc { padding: 0 0 160px 0;}

	#twitter-feed {width: 97%;}
	/*anon fix images*/
	.chapter .gallery-preview figure {float:left !important;}
	.adam-levine .chapter .gallery-preview figure { margin-bottom: 5%; width:100%;}
	/*contact button*/
	#questionaire .start-project-btn {font-size: 23px;}
	/*fix for work pages*/
	#watchalyzer-introduction {padding-top: 88px;}
        /*out_networks*/
        #we-are-different div p {font-size:15px;}
        #we-are-different .checkout {line-height: 40px;}
        .homepage .network {height:100%;}
        .homepage .button-findout {float: none !important; position:relative; margin:0 auto;}
            
        /*sitemap*/  
        .sitemap .all-list { margin-left: 97px;}
        #partners li .background { left: 1px;}
        #partners { margin: 0 0 0 17%; }
        #partners li .view {  left: 66%; }
        #dropdown_nav {display:none;}
        .contact-recaptcha {margin:0 auto; width:100%;line-height:5px;}
}
 
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 979px) {
			.list_carousel .prev {
				background-position: 0 0;
				left:0px;
				top:30%;
			}
			.list_carousel .prev:hover {
				left:0px;
				top:30%;
				background: transparent url(../img/arrows-hover.png) no-repeat 0 0;
			}			
			.list_carousel .next {
				background-position: -60px 0;
				right:0px;
				top:30%;
			}
			.list_carousel .next:hover {
				background-position: -60px 0 !important;
				right:0px;
				top:30%;
				background: transparent url(../img/arrows-hover.png) no-repeat 0 0;
			}

.slide2 { left: 20%; margin: 0 auto; position: absolute; top: 24%; width: 100%;}
			.slide3 { margin: 0 auto;  width: 100%; left: 8%; position: absolute; top: 9%; }
			#foo4 h2 {
				color: #FFFFFF;
				font-size: 28px;
				line-height: 34px;
			}
			#foo4 p {
				font-size: 11px;
				line-height: 18px;
				color:#FFFFFF;
			}
			#foo4 a { 
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 15px;
				height: 28px;
				line-height: 26px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
			}
			#foo4 .slide2 h2{
				color:#000000;
			}
			#foo4 .slide2 p{
				color:#686868;
			}
			
			#foo4 .slide3 a {
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 15px;
				height: 28px;
				line-height: 27px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
				float:left !important;
				padding: 1px 23px;
			}
			#foo4 .slide3 h2{
				text-align:left;
			}
			#foo4 .slide3 p{
				text-align:left;
				line-height:12px;
			}
			#foo4 .slide4 h2{
				font-size: 28px;
				line-height: 34px;
				color:#000000;
			}

.glass-page .chapters.two-column .right p {font-size:17px; line-height:22px;}
.glass-page .chapters.two-column .right {padding-top: 2%; }
.fancybox-nav span {top:405px !important;}
.formdamentals-page .focus-image h1 { color: #ECF3F9; float: left; line-height:43px; padding-left: 35px; padding-top: 0px; text-align: center; width: 460px;
}
.formdamentals-page .focus-image { width: 70%; }
	/* new design */
	#creative_and_branding .content-text {max-width:363px;}
	#creative_and_branding .box-title {padding-top: 75px;}
	#creative_and_branding .box-title  h1 {font-size:49px; line-height: 57px;}
	#creative_and_branding p.headline-paragraf-title {font-size:18px;}
	#creative_and_branding p {font-size: 16px;}
	#creative_and_branding .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#creative_and_branding p.headline-paragraf-text {margin-right: 19px;}
	#creative_and_branding .content-text ul {font-size: 16px;}
	#creative_and_branding .content-text li {line-height:24px;margin-right: 19px;}
	#creative_and_branding .servicesPagesNav{margin-top:180px;}
	#creative_and_branding .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#creative_and_branding .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#creative_and_branding .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#strategy_and_consulting .content-text {max-width:363px;}
	#strategy_and_consulting .box-title {padding-top: 75px;}
	#strategy_and_consulting .box-title  h1 {font-size:49px; line-height: 57px;}
	#strategy_and_consulting p.headline-paragraf-title {font-size:18px;}
	#strategy_and_consulting p {font-size: 16px;}
	#strategy_and_consulting .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#strategy_and_consulting p.headline-paragraf-text {margin-right: 19px;}
	#strategy_and_consulting .content-text ul {font-size: 16px;}
	#strategy_and_consulting .content-text li {line-height:24px;margin-right: 19px;}
	#strategy_and_consulting .servicesPagesNav{margin-top:180px;}
	#strategy_and_consulting .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#strategy_and_consulting .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#strategy_and_consulting .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#web_design_and_development .content-text {max-width:363px;}
	#web_design_and_development .box-title {padding-top: 75px;}
	#web_design_and_development .box-title  h1 {font-size:49px; line-height: 57px;}
	#web_design_and_development p.headline-paragraf-title {font-size:18px;}
	#web_design_and_development p {font-size: 16px;}
	#web_design_and_development .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#web_design_and_development p.headline-paragraf-text {margin-right: 19px;}
	#web_design_and_development .content-text ul {font-size: 16px;}
	#web_design_and_development .content-text li {line-height:24px;margin-right: 19px;}
	#web_design_and_development .servicesPagesNav{margin-top:180px;}
	#web_design_and_development .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#web_design_and_development .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#web_design_and_development .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#interaction_and_ux_design .content-text {max-width:363px;}
	#interaction_and_ux_design .box-title {padding-top: 75px;}
	#interaction_and_ux_design .box-title  h1 {font-size:49px; line-height: 57px;}
	#interaction_and_ux_design p.headline-paragraf-title {font-size:18px;}
	#interaction_and_ux_design p {font-size: 16px;}
	#interaction_and_ux_design .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#interaction_and_ux_design p.headline-paragraf-text {margin-right: 19px;}
	#interaction_and_ux_design .content-text ul {font-size: 16px;}
	#interaction_and_ux_design .content-text li {line-height:24px;margin-right: 19px;}
	#interaction_and_ux_design .servicesPagesNav{margin-top:180px;}
	#interaction_and_ux_design .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#interaction_and_ux_design .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#interaction_and_ux_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#web_application .content-text {max-width:363px;}
	#web_application .box-title {padding-top: 75px;}
	#web_application .box-title  h1 {font-size:49px; line-height: 57px;}
	#web_application p.headline-paragraf-title {font-size:18px;}
	#web_application p {font-size: 16px;}
	#web_application .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#web_application p.headline-paragraf-text {margin-right: 19px;}
	#web_application .content-text ul {font-size: 16px;}
	#web_application .content-text li {line-height:24px;margin-right: 19px;}
	#web_application .servicesPagesNav{margin-top:180px;}
	#web_application .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#web_application .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#web_application .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#mobile_design .content-text {max-width:363px;}
	#mobile_design .box-title {padding-top: 75px;}
	#mobile_design .box-title  h1 {font-size:49px; line-height: 57px;}
	#mobile_design p.headline-paragraf-title {font-size:18px;}
	#mobile_design p {font-size: 16px;}
	#mobile_design .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#mobile_design p.headline-paragraf-text {margin-right: 19px;}
	#mobile_design .content-text ul {font-size: 16px;}
	#mobile_design .content-text li {line-height:24px;margin-right: 19px;}
	#mobile_design .servicesPagesNav{margin-top:180px;}
	#mobile_design .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#mobile_design .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#seo_and_online_marketing .content-text {max-width:363px;}
	#seo_and_online_marketing .box-title {padding-top: 75px;}
	#seo_and_online_marketing .box-title  h1 {font-size:49px; line-height: 57px;}
	#seo_and_online_marketing p.headline-paragraf-title {font-size:18px;}
	#seo_and_online_marketing p {font-size: 16px;}
	#seo_and_online_marketing .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#seo_and_online_marketing p.headline-paragraf-text {margin-right: 19px;}
	#seo_and_online_marketing .content-text ul {font-size: 16px;}
	#seo_and_online_marketing .content-text li {line-height:24px;margin-right: 19px;}
	#seo_and_online_marketing .servicesPagesNav{margin-top:180px;}
	#seo_and_online_marketing .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#seo_and_online_marketing .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#seo_and_online_marketing .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#social_media .content-text {max-width:363px;}
	#social_media .box-title {padding-top: 75px;}
	#social_media .box-title  h1 {font-size:49px; line-height: 57px;}
	#social_media p.headline-paragraf-title {font-size:18px;}
	#social_media p {font-size: 16px;}
	#social_media .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#social_media p.headline-paragraf-text {margin-right: 19px;}
	#social_media .content-text ul {font-size: 16px;}
	#social_media .content-text li {line-height:24px;margin-right: 19px;}
	#social_media .servicesPagesNav{margin-top:180px;}
	#social_media .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#social_media .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#social_media .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	
	#online_business_analysis .content-text {max-width:363px;}
	#online_business_analysis .box-title {padding-top: 75px;}
	#online_business_analysis .box-title  h1 {font-size:49px; line-height: 57px;}
	#online_business_analysis p.headline-paragraf-title {font-size:18px;}
	#online_business_analysis p {font-size: 16px;}
	#online_business_analysis .cool-font-text {font-size: 23px; margin-bottom: 25px; margin-top: 50px;}
	#online_business_analysis p.headline-paragraf-text {margin-right: 19px;}
	#online_business_analysis .content-text ul {font-size: 16px;}
	#online_business_analysis .content-text li {line-height:24px;margin-right: 19px;}
	#online_business_analysis .servicesPagesNav{margin-top:180px;}
	#online_business_analysis .servicesPagesNav ul {width:300px;padding: 30px 0 0;}
	#online_business_analysis .servicesPagesNav ul li a {width:244px; padding: 12px 0 12px 34px;font-size:15px;}
	#online_business_analysis .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:15px;}
	/*end new design */
	
	
	
    #welcome-message .red-box { width:auto; padding:25px 15px; }
    #welcome-message .red-box h1 { font-size:45px; line-height:50px; }

    #what-we-do .drupal { left:300px; }
    #what-we-do .wordpress { left:180px; }
    #what-we-do .mobile { left:300px; }
    #what-we-do .responsive { left:0px; }
    #what-we-do .ecommerce { left:0px; }

    #about-us header {  }
    #about-us header p { font-size:30px; line-height:40px; width:600px; }

    #about-us .team .thumb-box { width:340px; margin-left:30px; margin-bottom:40px; }

    #about-us .box-intro h2 { font-size:36px; }

    #about-us .offices .thumb-box h3 { font-size:20px; padding-right:20%; }

    .chapter .image-grid { width:460px; }

    .intro-chapter .client-box { width:auto!important; text-align:center; }
    .intro-chapter .client-logo { float:none; margin:0!important; }
    .intro-chapter .client-info { margin:0; border:0; padding:0; float:none; background:none; }

    #case-grid li { height:480px; width:50%; }
    #oldies-goldies .client-list li { width:45%; }
	
	#page-404 .kid{ position:absolute; width:135px; height:265px; top: 122px; left: 126px; }
	#page-404 .conteiner-404page { min-height: 520px; background:url(../img/background-404page.png) no-repeat scroll 26px 137px / 55% 74%; }
	#page-404 .page-text { width: 365px; margin-top: 168px; }
	#page-404 h1 span { font-size:80px; }
	#page-404 h1 { font-size:48px; }
	#page-404 h2 { font-size:25px; }
	#page-404 .text { font-size:14px; margin-top:5px; line-height: 22px; width: 380px;}
	#page-404 .page-text li { font-size: 14px; line-height: 18px; }
	#page-404 .texts {font-size: 14px; line-height: 5px; }
	#page-404 .texts a { font-size: 14px; }
	#page-404 .hover-kid { left: 109px; top: -71px; background-size: 60% 60%;}
	#page-404 .kid-text {  font-size: 12px; line-height: 15px; margin-left: -70px; margin-top: 5px;}
	#page-404 .kid-title {  font-size: 26px; margin-left: -69px; margin-top: 30px;}
	#page-404 h3.other-things{font-size: 28px;}
	#page-404 input, text { width:auto; }
	#page-404 .search-goog{width:400px;}
	#page-404 input[type="submit"] { height: 45px; font-size: 24px; background:url("../img/search-btns.png") no-repeat scroll 0 0 transparent; width:279px;}
	#page-404 ul, ol { margin: 0 0 5px 4px; }
	
    .affiliates{float: left; margin-left: 13px; width:auto; margin-bottom:20px; width: 100%;}
    .social-icon{float: left; margin-left: 13px; width: 100%;}
    #about-us .offices .thumb-box { width:210px;}
    #about-us .offices .twiter {width:45%;}
    #about-us .offices .facebook {width:46%;}
    .img-tw {margin-top:5px; margin-left:2px;margin-bottom:6px !important; margin-right:12px; width:51px !important; height:46px;}
    .img-fb {margin-left:6px;margin-top:3px;margin-bottom:3px !important;margin-right:9px; width:50px !important; height:50px;}
    .twiter h3 {padding-top: 15px !important; padding-bottom: 0px !important;}
    .facebook h3 {padding-top: 15px !important; padding-bottom: 0px !important;}
    .twitter-message {margin-top: 22px !important;  }
	.affiliates .span3 { width: 30% !important;}
	.offices .span3 h3{ font-size: 20px; }
	
	.social-icon .facebook {width:47% !important;}
	.social-icon .twiter {width:46% !important;}
	/*services - LATER*/
	/*#mobile_design .box-title {padding-left:115px; padding-right:10px;}
	#mobile_design .box-title h1 {font-size:44px;}*/
        
        /*analog page*/
        .analog-page .intro-chapter {padding-bottom:64px !important;}
        .analog-page .focus-image img {margin-left: -17px;}
        .analog-page .focus-image h1 {  font-size: 29px;}
        .analog-page .chapter {    padding-top: 30px;}
        .analog-page #analog-third .shopatron {  margin-top: -87px;}
        
        
        
	/*anon fix images*/
	.anon-page .intro-chapter {padding-bottom:64px !important;}
	.anon-page .focus-image img {margin-left: -90px;}
	/*contact button*/
	#questionaire .start-project-btn {font-size: 23px;}
	#contact header a, #contact header a:hover { font-size:17px;}
	.watchalyzer-page .focus-image { margin-bottom: -290px !important; }
	.soliant-page .focus-image {margin-bottom: -106px !important;}
        
         /*out_networks*/
        .about-us-page .title_network {font-size: 22px;}
        #we-are-different div p {font-size:15px;}
        .homepage .network {height:479px;position: relative;}
        
        /*sitemap*/  
        .sitemap .all-list { margin-left: 230px;}
        #partners li .background { height: 115px; left: 1px; top: 11px; width: 226px;}
        #partners li .view { left: 71%; top: 25%; }
        #footer .span7 { margin-top: 7px;}
        #footer {padding-bottom: 21px;}
        .contact-recaptcha {margin:0 auto; width:77% !important;line-height:5px;}
        
        /*bio*/
        .inline-name { height: 62px; left: 23%; top: 214px; width:292px;}
        .inline-bio {  left:0px; top: -40px; width: 516px !important;}
        .fancybox-close{right: 14px; top: 261px;}
        .team-name { font-size: 23px; margin-top: 12px; margin-bottom: 4px;}
        .team-profession {font-weight: normal; font-size: 14px; }
        .team-bio {margin: 26px 25px; padding: 8px 7px;  font-size: 12px; line-height: 16px;}
/*        .fancybox-close{right: -43px; top: 261px;}*/
        .fancybox-next span {right: -54px;}
        .fancybox-prev span{left:-69px;}
        .fancybox-nav span {top: 119%;}
        .fancybox-outer img {max-width:295px;}
       /* .fancybox-close {right: 0 !important;
        top: 255px !important;} */
        
}
 
/* Desktop */
@media (min-width: 980px) and (max-width: 1199px) {

			.list_carousel .prev {
				background-position: 0 0;
				left:0px;
				top:32%;
			}
			.list_carousel .prev:hover {
				left:0px;
				top:32%;
				background: transparent url(../img/arrows-hover.png) no-repeat 0 0;
			}			
			.list_carousel .next {
				background-position: -60px 0;
				right:0px;
				top:32%;
			}
			.list_carousel .next:hover {
				background-position: -60px 0 !important;
				right:0px;
				top:32%;
				background: transparent url(../img/arrows-hover.png) no-repeat 0 0;
			}

		.slide2 { left: 20%; margin: 0 auto; position: absolute; top: 24%; width: 100%;}
			.slide3 { margin: 0 auto;  width: 100%; left: 8%; position: absolute; top: 9%; }
			#foo4 h2 {
				color: #FFFFFF;
				font-size: 38px;
				line-height: 46px;
			}
			#foo4 p {
				color: #FFFFFF;
				font-size: 14px;
				line-height: 23px;
			}
			#foo4 a { 
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 17px;
				height: 31px;
				line-height: 30px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
			}
			#foo4 .slide2 h2{
				color:#000000;
			}
			#foo4 .slide2 p{
				color:#686868;
			}
			
			#foo4 .slide3 a {
				background: none repeat scroll 0 0 #CC292C;
				border-radius: 26px;
				color: #FFFFFF;
				display: block;
				font-family: "NoticiaTextRegular",serif;
				font-size: 15px;
				height: 28px;
				line-height: 27px;
				margin: 0 auto;
				max-width: 138px;
				z-index: 100;
				float:left !important;
				padding: 1px 23px;
			}
			#foo4 .slide3 h2{
				text-align:left;
			}
			#foo4 .slide3 p{
				text-align:left;
				line-height:12px;
			}
			#foo4 .slide4 h2{
				font-size: 28px;
				line-height: 34px;
				color:#000000;
			}
		.glass-page .chapters.two-column .right p {font-size:21px;}
        .fancybox-nav span {top: 64% !important;}
        /*.fancybox-close {right:-5px !important;
        top: 264px !important}*/
        .formdamentals-page .focus-image h1 { color: #ECF3F9; float: left; line-height: 45px; padding-left: 0px; padding-top: 176px; text-align: center; width: 340px; }
    /*new design*/
	#creative_and_branding .content-text {max-width:480px;}
	#creative_and_branding .content-text ul {font-size: 18px;}
	#creative_and_branding .content-text li {line-height:27px;}
	#creative_and_branding .servicesPagesNav ul {width: 353px;}
	#creative_and_branding .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#strategy_and_consulting .content-text {max-width:480px;}
	#strategy_and_consulting .content-text ul {font-size: 18px;}
	#strategy_and_consulting .content-text li {line-height:27px;}
	#strategy_and_consulting .servicesPagesNav ul {width: 353px;}
	#strategy_and_consulting .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#web_design_and_development .content-text {max-width:480px;}
	#web_design_and_development .content-text ul {font-size: 18px;}
	#web_design_and_development .content-text li {line-height:27px;}
	#web_design_and_development .servicesPagesNav ul {width: 353px;}
	#web_design_and_development .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#interaction_and_ux_design .content-text {max-width:480px;}
	#interaction_and_ux_design .content-text ul {font-size: 18px;}
	#interaction_and_ux_design .content-text li {line-height:27px;}
	#interaction_and_ux_design .servicesPagesNav ul {width: 353px;}
	#interaction_and_ux_design .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#web_application .content-text {max-width:480px;}
	#web_application .content-text ul {font-size: 18px;}
	#web_application .content-text li {line-height:27px;}
	#web_application .servicesPagesNav ul {width: 353px;}
	#web_application .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#mobile_design .content-text {max-width:480px;}
	#mobile_design .content-text ul {font-size: 18px;}
	#mobile_design .content-text li {line-height:27px;}
	#mobile_design .servicesPagesNav ul {width: 353px;}
	#mobile_design .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#seo_and_online_marketing .content-text {max-width:480px;}
	#seo_and_online_marketing .content-text ul {font-size: 18px;}
	#seo_and_online_marketing .content-text li {line-height:27px;}
	#seo_and_online_marketing .servicesPagesNav ul {width: 353px;}
	#seo_and_online_marketing .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#social_media .content-text {max-width:480px;}
	#social_media .content-text ul {font-size: 18px;}
	#social_media .content-text li {line-height:27px;}
	#social_media .servicesPagesNav ul {width: 353px;}
	#social_media .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	#online_business_analysis .content-text {max-width:480px;}
	#online_business_analysis .content-text ul {font-size: 18px;}
	#online_business_analysis .content-text li {line-height:27px;}
	#online_business_analysis .servicesPagesNav ul {width: 353px;}
	#online_business_analysis .servicesPagesNav ul li a {padding: 15px 0 15px 34px;}
	
	/* end of new design */
	
	
	/* Thumb box */
    #about-us .thumb-box h3 { font-size:24px; }

    #what-we-do .drupal { left:520px; }
    #what-we-do .wordpress { left:280px; }
    #what-we-do .mobile { left:500px; }
    #what-we-do .responsive { left:100px; }
    #what-we-do .ecommerce { left:0px; }

    #case-grid li { height:450px; }
    #oldies-goldies .client-list li { width:21%; }
	
	#page-404 .kid{ position:absolute; width:156px; height:305px; top:98px; left:197px; }
	#page-404 .conteiner-404page { min-height: 545px; background:url(../img/background-404page.png) no-repeat scroll 70px 137px / 53% 75%; }
	#page-404 .page-text { width: 445px; margin-top: 168px; }
	#page-404 h1 span { font-size:90px; }
	#page-404 h1 { font-size:56px; }
	#page-404 h2 { font-size:28px; }
	#page-404 .text { font-size:15px; margin-top:5px; width: 405px;}
	#page-404 .page-text li { font-size: 15px; line-height: 20px; }
	#page-404 .texts {font-size: 15px; line-height: 5px;}
	#page-404 .texts a { font-size: 15px; }
	#page-404 .hover-kid { left: 132px; top: -60px; background-size: 70% 70%;}
	#page-404 .kid-text {  font-size: 12px; line-height: 17px; margin-left: -41px; margin-top: 5px;}
	#page-404 .kid-title { font-size: 29px; margin-left: -41px; margin-top: 39px;}
	#page-404 h3.other-things{font-size: 34px;}
	
	#creative_and_branding .offset2 { margin-left: 60px; }
	#strategy_and_consulting .offset2 { margin-left: 60px; }
	#web_design_and_development .offset2 { margin-left: 60px; }
	#interaction_and_ux_design .offset2 { margin-left: 60px; }
	#web_application .offset2 { margin-left: 60px; }
	#mobile_design .offset2 { margin-left: 60px; }
	#seo_and_online_marketing .offset2 { margin-left: 60px; }
	#social_media .offset2 { margin-left: 60px; }
	#online_business_analysis .offset2 { margin-left: 60px; }
	
    .affiliates{float: left; width:100%;}
    .social-icon{float: left; width:100%;margin-top:25px;}
    #about-us .offices .thumb-box { width:31%;}
    .img-tw {margin-top:8px; margin-left:2px;margin-bottom:5px !important; margin-right:12px; width:44px !important; height:39px;}
    .img-fb {margin-left:6px;margin-top:9px;margin-bottom:0px !important; margin-right:9px; width:36px !important; height:36px;}
    .twiter h3 {padding-top: 15px !important; padding-bottom: 0px !important;}
    .facebook h3 {padding-top: 15px !important; padding-bottom: 0px !important;}
	.social-icon .facebook {width:48% !important;}
	.social-icon .twiter {width:47% !important;}
	.affiliates .span3 {width:31%;}
	/*contact button*/
	#questionaire .start-project-btn {font-size: 23px;}
	#contact header a, #contact header a:hover { font-size:17px;}
	.soliant-page .focus-image {margin-bottom: -86px !important;}
        
        /*out_networks*/
        .about-us-page .title_network {font-size: 28px;}
        .homepage .network {height:508px;position: relative;}
        
        /*sitemap*/  
        .sitemap .all-list { margin-left: 337px;}
        #partners li .background { left: 2px; }	
        #partners li .view { left: 66%; }
        #services .services-mobile {margin-top:23px;}
        .contact-recaptcha {margin:0 auto; width:58% !important;line-height:5px;}
        
         /*bio*/
        .inline-name { height: 62px; left: 23%; top: 214px; width:292px;}
        .team-name { font-size: 24px; margin-top: 12px; margin-bottom: 4px;}
        .team-profession {font-weight: normal; font-size: 15px; }
        .inline-bio {  left:0px; top: -40px; width: 516px !important;}
        .team-bio {margin: 26px 25px; padding: 8px 7px;  font-size: 12px; line-height: 16px;}
        .fancybox-close{right: 14px; top: 261px;}
        .fancybox-next span {right: -54px;}
        .fancybox-prev span{left:-69px;}
        .fancybox-nav span {top:405px !important;}
        .fancybox-outer img {max-width:305px;}
}
@media (max-width:1024px) {
    #services-list header { padding:100px 0; background:transparent url(../img/servicas-header-background-mobile.jpg) repeat 50% 0px; background-size:cover; }
    #services-list header #second-circle { padding: 65px 0; }
}
@media (min-width:1200px) {
    .about-us-page .text_networks {padding-left: 35px !important; padding-right: 35px !important;}
    .homepage .network {height:468px;position: relative;}
    #services .services-mobile {margin-top:23px;}
}
@media (max-width:1500px) {
    #case-study-menu { display:none; }
	.slide2 { left: 20%; margin: 0 auto; position: absolute; top: 28%; width: 100%;}
}

@media (min-width: 1199px){
#creative_and_branding .span8 { width: 720px; }
#creative_and_branding .offset2 { margin-left: 175px; }

#strategy_and_consulting .span8 { width: 720px; }
#strategy_and_consulting .offset2 { margin-left: 175px; }

#web_design_and_development .span8 { width: 720px; }
#web_design_and_development .offset2 { margin-left: 175px; }

#interaction_and_ux_design .span8 { width: 720px; }
#interaction_and_ux_design .offset2 { margin-left: 175px; }

#web_application .span8 { width: 720px; }
#web_application .offset2 { margin-left: 175px; }

#mobile_design .span8 { width: 720px; }
#mobile_design .offset2 { margin-left: 175px; }

#seo_and_online_marketing .span8 { width: 720px; }
#seo_and_online_marketing .offset2 { margin-left: 175px; }

#social_media .span8 { width: 720px; }
#social_media .offset2 { margin-left: 175px; }

#online_business_analysis .span8 { width: 720px; }
#online_business_analysis .offset2 { margin-left: 175px; }

.twiter h3 {padding-top: 15px !important; padding-bottom: 0px !important;margin-top: 0;}
.facebook h3 {padding-top: 15px !important; padding-bottom: 0px !important;}
.work-page .affiliates .span3 {width:30%;}
.work-page .social-icon{float: left; width:100%;margin-top:25px;}
.work-page .social-icon .facebook {width:35% !important;margin-left:3%;}
.work-page .social-icon .twiter {width:35% !important;margin-left:14%;}
#contact header .services-list-item  {margin: 50px;}
}

@media (max-width: 767px) {
	#creative_and_branding .servicesPagesNav ul { padding: 20px 0 0;}
	#creative_and_branding .servicesPagesNav ul li {width: 80%;}
	#creative_and_branding .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#creative_and_branding .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#strategy_and_consulting .servicesPagesNav ul { padding: 20px 0 0;}
	#strategy_and_consulting .servicesPagesNav ul li {width: 80%;}
	#strategy_and_consulting .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#strategy_and_consulting .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#web_design_and_development .servicesPagesNav ul { padding: 20px 0 0;}
	#web_design_and_development .servicesPagesNav ul li {width: 80%;}
	#web_design_and_development .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#web_design_and_development .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#interaction_and_ux_design .servicesPagesNav ul { padding: 20px 0 0;}
	#interaction_and_ux_design .servicesPagesNav ul li {width: 80%;}
	#interaction_and_ux_design .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#interaction_and_ux_design .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#web_application .servicesPagesNav ul { padding: 20px 0 0;}
	#web_application .servicesPagesNav ul li {width: 80%;}
	#web_application .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#web_application .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#mobile_design .servicesPagesNav ul { padding: 20px 0 0;}
	#mobile_design .servicesPagesNav ul li {width: 80%;}
	#mobile_design .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#mobile_design .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#seo_and_online_marketing .servicesPagesNav ul { padding: 20px 0 0;}
	#seo_and_online_marketing .servicesPagesNav ul li {width: 80%;}
	#seo_and_online_marketing .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#seo_and_online_marketing .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#social_media .servicesPagesNav ul { padding: 20px 0 0;}
	#social_media .servicesPagesNav ul li {width: 80%;}
	#social_media .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#social_media .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#online_business_analysis .servicesPagesNav ul { padding: 20px 0 0;}
	#online_business_analysis .servicesPagesNav ul li {width: 80%;}
	#online_business_analysis .servicesPagesNav ul li a{padding: 4% 0 4% 16%; width:83%;}
	#online_business_analysis .servicesPagesNav { background: none repeat scroll 0 0 rgba(190, 29, 36, 0.8);}
	
	#contact header a, #contact header a:hover { font-size:14px;}
	.watchalyzer-page .focus-image { margin-bottom: -207px; }
}
@media (max-width: 560px) {
	#creative_and_branding .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#creative_and_branding .servicesPagesNav ul li {width: 95%;}
	#creative_and_branding .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#creative_and_branding .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#creative_and_branding .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#strategy_and_consulting .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#strategy_and_consulting .servicesPagesNav ul li {width: 95%;}
	#strategy_and_consulting .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#strategy_and_consulting .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#strategy_and_consulting .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#web_design_and_development .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#web_design_and_development .servicesPagesNav ul li {width: 95%;}
	#web_design_and_development .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#web_design_and_development .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#web_design_and_development .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#interaction_and_ux_design .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#interaction_and_ux_design .servicesPagesNav ul li {width: 95%;}
	#interaction_and_ux_design .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#interaction_and_ux_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#interaction_and_ux_design .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#web_application .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#web_application .servicesPagesNav ul li {width: 95%;}
	#web_application .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#web_application .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#web_application .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#mobile_design .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#mobile_design .servicesPagesNav ul li {width: 95%;}
	#mobile_design .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#mobile_design .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#seo_and_online_marketing .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#seo_and_online_marketing .servicesPagesNav ul li {width: 95%;}
	#seo_and_online_marketing .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#seo_and_online_marketing .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#seo_and_online_marketing .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#social_media .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#social_media .servicesPagesNav ul li {width: 95%;}
	#social_media .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#social_media .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#social_media .servicesPagesNav ul li a:hover {font-size:13px;}
	
	#online_business_analysis .servicesPagesNav ul {margin: 0 0 33px 32px; padding: 10px 0 0;}
	#online_business_analysis .servicesPagesNav ul li {width: 95%;}
	#online_business_analysis .servicesPagesNav ul li a{padding: 3% 0 3% 14%;font-size:13px;width: 91%;}
	#online_business_analysis .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:13px;}
	#online_business_analysis .servicesPagesNav ul li a:hover {font-size:13px;}
	
}
@media (max-width: 440px) {
	#creative_and_branding .headline-paragrafs{font-size:18px;}
	#creative_and_branding .servicesPagesNav {margin-top: 7px;}
	#creative_and_branding .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#creative_and_branding .servicesPagesNav ul li {width: 100%;}
	#creative_and_branding .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#creative_and_branding .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#creative_and_branding .servicesPagesNav ul li a:hover {font-size:12px;}
	#creative_and_branding .box-title h1 {font-size: 40px;line-height: 50px;}
	#creative_and_branding .content-text ul  {font-size:18px;}
	#creative_and_branding .content-text li  {line-height: 31px;}
	
	#strategy_and_consulting .headline-paragrafs{font-size:18px;}
	#strategy_and_consulting .servicesPagesNav {margin-top: 7px;}
	#strategy_and_consulting .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#strategy_and_consulting .servicesPagesNav ul li {width: 100%;}
	#strategy_and_consulting .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#strategy_and_consulting .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#strategy_and_consulting .servicesPagesNav ul li a:hover {font-size:12px;}
	#strategy_and_consulting .box-title h1 {font-size: 40px;line-height: 50px;}
	#strategy_and_consulting .content-text ul  {font-size:18px;}
	#strategy_and_consulting .content-text li  {line-height: 31px;}
	
	#web_design_and_development .headline-paragrafs{font-size:18px;}
	#web_design_and_development .servicesPagesNav {margin-top: 7px;}
	#web_design_and_development .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#web_design_and_development .servicesPagesNav ul li {width: 100%;}
	#web_design_and_development .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#web_design_and_development .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#web_design_and_development .servicesPagesNav ul li a:hover {font-size:12px;}
	#web_design_and_development .box-title h1 {font-size: 40px;line-height: 50px;}
	#web_design_and_development .content-text ul  {font-size:18px;}
	#web_design_and_development .content-text li  {line-height: 31px;}
	
	#interaction_and_ux_design .headline-paragrafs{font-size:18px;}
	#interaction_and_ux_design .servicesPagesNav {margin-top: 7px;}
	#interaction_and_ux_design .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#interaction_and_ux_design .servicesPagesNav ul li {width: 100%;}
	#interaction_and_ux_design .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#interaction_and_ux_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#interaction_and_ux_design .servicesPagesNav ul li a:hover {font-size:12px;}
	#interaction_and_ux_design .box-title h1 {font-size: 40px;line-height: 50px;}
	#interaction_and_ux_design .content-text ul  {font-size:18px;}
	#interaction_and_ux_design .content-text li  {line-height: 31px;}
	
	#web_application .headline-paragrafs{font-size:18px;}
	#web_application .servicesPagesNav {margin-top: 7px;}
	#web_application .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#web_application .servicesPagesNav ul li {width: 100%;}
	#web_application .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#web_application .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#web_application .servicesPagesNav ul li a:hover {font-size:12px;}
	#web_application .box-title h1 {font-size: 40px;line-height: 50px;}
	#web_application .content-text ul  {font-size:18px;}
	#web_application .content-text li  {line-height: 31px;}
	
	#mobile_design .headline-paragrafs{font-size:18px;}
	#mobile_design .servicesPagesNav {margin-top: 7px;}
	#mobile_design .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#mobile_design .servicesPagesNav ul li {width: 100%;}
	#mobile_design .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#mobile_design .servicesPagesNav ul li a:hover {font-size:12px;}
	#mobile_design .box-title h1 {font-size: 40px;line-height: 50px;}
	#mobile_design .content-text ul  {font-size:18px;}
	#mobile_design .content-text li  {line-height: 31px;}
	
	#seo_and_online_marketing .headline-paragrafs{font-size:18px;}
	#seo_and_online_marketing .servicesPagesNav {margin-top: 7px;}
	#seo_and_online_marketing .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#seo_and_online_marketing .servicesPagesNav ul li {width: 100%;}
	#seo_and_online_marketing .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#seo_and_online_marketing .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#seo_and_online_marketing .servicesPagesNav ul li a:hover {font-size:12px;}
	#seo_and_online_marketing .box-title h1 {font-size: 40px;line-height: 50px;}
	#seo_and_online_marketing .content-text ul  {font-size:18px;}
	#seo_and_online_marketing .content-text li  {line-height: 31px;}
	
	#social_media .headline-paragrafs{font-size:18px;}
	#social_media .servicesPagesNav {margin-top: 7px;}
	#social_media .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#social_media .servicesPagesNav ul li {width: 100%;}
	#social_media .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#social_media .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#social_media .servicesPagesNav ul li a:hover {font-size:12px;}
	#social_media .box-title h1 {font-size: 40px;line-height: 50px;}
	#social_media .content-text ul  {font-size:18px;}
	#social_media .content-text li  {line-height: 31px;}
	
	#online_business_analysis .headline-paragrafs{font-size:18px;}
	#online_business_analysis .servicesPagesNav {margin-top: 7px;}
	#online_business_analysis .servicesPagesNav ul { margin: 0 0 30px 21px; padding: 2px 0 0;}
	#online_business_analysis .servicesPagesNav ul li {width: 100%;}
	#online_business_analysis .servicesPagesNav ul li a{padding: 2% 0 2% 14%;font-size:12px;width: 86%;}
	#online_business_analysis .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover {font-size:12px;}
	#online_business_analysis .servicesPagesNav ul li a:hover {font-size:12px;}
	#online_business_analysis .box-title h1 {font-size: 40px;line-height: 50px;}
	#online_business_analysis .content-text ul  {font-size:18px;}
	#online_business_analysis .content-text li  {line-height: 31px;}
	
}
.footer-all-left{float:left;}
.footer-all-right{float:left;}

@media (max-width: 479px) {
    .title-section {font-size:12px;padding: 10px 20px;}
    .backtop-section {font-size:11px;}
    .navs ul { margin-top:0px; padding-top:15px;padding-bottom:10px;line-height: 25px;}
    .navs {position: inherit; height: 110px;}
    
    .even {float: inherit; margin-left:2%;}
    .showcases { display:block; width: 95% !important;}
    .showcase { width: 100%;}
    .showcases-hold {float:none;}
    .title-first {margin-top:0px;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .title-section {font-size:17px;}
    .backtop-section {font-size:15px;}
    .navs ul { margin-top:0px; padding-top:15px; line-height: 25px; width: 92%;}
    .navs {position: inherit;}
    .showcases { display:block;}
    .title-first {margin-top:0px;}
}
@media (min-width: 768px) and (max-width: 979px) {
    .title-section {font-size:23px;}
    .backtop-section {font-size:17px;}
    .navs ul li {margin-left:7px;}
    .navs ul li a {margin-right:7px;}
}