@charset "utf-8";

html, body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased }
body { font-family: 'Open Sans', sans-serif; }
	body p { font-size: 16px; line-height: 26px; }
	body a { text-decoration: none; }
	body a:hover { text-decoration: none; }
.gutter-4.row { margin-right: -4px; margin-left: -4px; }
.gutter-4 > [class^="col-"], .gutter-2 > [class^=" col-"] { padding-right: 4px; padding-left: 4px; }
header { background-color: #273239; border-bottom: solid 5px #fff; }
.bg-dark { background-color: #273239 !important; }
#header-logo { position: absolute; top: 15px; width: 125px; z-index: 1 }
.navbar { padding: 20px 0; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: .9rem; padding-left: .9rem; }
.btn-outline-pink { color: #ea1568; background-color: transparent; background-image: none; border-color: #ea1568; border-radius: 0; }
.btn-outline-pink:hover { color: #fff; background-color: #ea1568; background-image: none; border-color: #ea1568; }
.btn-solid-pink { color: #fff; background-color: #ea1568; background-image: none; border-color: #ea1568; border-radius: 0; }
.btn-solid-pink:hover { color: #273239; background-color: #fff; background-image: none; border-color: #273239; }
.btn-outline-grey { color: #273239; background-color: transparent; background-image: none; border-color: #273239; border-radius: 0; }
.btn-outline-grey:hover { color: #fff; background-color: #ea1568; background-image: none; border-color: #ea1568; }
.btn-outline-white { color: #fff; background-color: transparent; background-image: none; border-color: #fff; border-radius: 0; }
.btn-outline-white:hover { color: #fff; background-color: #ea1568; background-image: none; border-color: #ea1568; }
.btn-outline-white-2 { color: #fff; background-color: transparent; background-image: none; border-color: #fff; border-radius: 0; }
.btn-outline-white-2:hover { color: #ea1568; background-color: #fff; background-image: none; border-color: #fff; }
.btn-small-text { font-size: 14px; }
.btn-large-text { font-size: 22px; }
.margin-top-10 { margin-top: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-top-40 { margin-top: 40px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-top-60 { margin-top: 60px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-top-80 { margin-top: 80px; }
.margin-bottom-80 { margin-bottom: 80px; }
.white-full-width { background-color: #fff; }
.yellow-full-width { background-color: #f9ca03; padding: 20px 0; }
.coronovirus-statement { padding-top: 5px; }
	.coronovirus-statement span { font-weight: 700; color: #000; }
	.coronovirus-statement a { color: #ea1568!important; }
.black-full-width { background-color: #000; }
.trans-full-width { background-color: transparent; }
.accelerate-full-width { background-color: #ffffff; padding: 20px 0 60px 0; }
.grey-full-width { background-color: #273239; }
.ltgrey-full-width { background-color: #f0f0f0; }
.testimonial-full-width { background-color: #f0f0f0; padding-top: 60px; }
.pink-full-width { background-color: #ea1568; }
.white-text { color: #fff; }
.grey-text { color: #273239; }
.pink-text { color: #ea1568; }
.cta-question-text { font-size: 22px; padding-top: 10px; }
.section-title { font-family: "Anton", Sans-Serif; font-size: 45px; line-height: 45px; padding-bottom: 15px; margin-bottom: 0; }
.section-title-underline { color: #ea1568; background: #ea1568; width: 75px; height: 4px; margin: 0; margin: 0 0 22px 0; }
.section-contact-phone { font-size: 24px; }
	.section-contact-phone a { color: #212529 !important; font-weight: 700; }
.home-who-are-we { padding-top: 60px; }
.section-strap h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 26px; line-height: 30px; padding-bottom: 20px; }
.home-service-boxes { margin-top: 60px; }
.home-service-box { padding-bottom: 30px; }
	.home-service-box i { color: #ea1568; font-size: 48px;  padding-bottom: 10px;}
.home-service-title { font-weight: 700; font-size: 20px; }
.home-service-description { font-size: 14px; line-height: 22px; padding: 5px 20px 15px 0; }
.home-bespoke-text-wrapper { margin: 60px 0 0 20px; }
.home-mobile-text-wrapper { margin: 80px 0 0 20px; }
.home-bespoke-button { margin-top: 40px; }
.home-mobile-button { margin: 40px 0 60px 0; }
.home-pink-button { margin: 40px 0 0 0; }
.home-laptop-image { margin-top: 50px }
.home-brochure-image { margin-top: 50px }
.home-mobile-phone { position: absolute; top: -50px; z-index: 100; }
.footer-logo { margin: 30px 0; padding-right: 20px; }
.footer-address { margin-top: 55px; font-size: 14px; }
	.footer-address i { color: #ea1568; font-size: 26px; padding-bottom: 10px; }
.footer-phone { font-size: 20px; font-weight: 700; display: inline-block; padding-right: 10px; }
	.footer-phone i { color: #ea1568; font-size: 22px; padding-bottom: 10px; }
.footer-email { font-size: 14px; display: inline-block; }
	.footer-email i { color: #ea1568; font-size: 22px; padding-bottom: 10px; }
.footer-social-media { margin-top: 75px; text-align: right; }
.footer-links a { color: rgba(255,255,255, 0.5); font-size: 12px; padding-right: 10px; text-transform: uppercase }
footer a { color: #fff; }
footer a:hover { color: #fff; }
.facebook { color: #4a545a !important; font-size: 40px; }
.facebook:hover { color: #3B5998 !important; }
.twitter { color: #4a545a !important; font-size: 40px; padding: 0 10px;}
.twitter:hover { color: #38A1F3 !important; }
.instagram { color: #4a545a !important; font-size: 40px;  padding: 0 10px 0 0;}
.instagram:hover { color: #E4405F !important; }
.socialemail { color: #4a545a !important; font-size: 40px;}
.socialemail:hover { color: #BAB8B8 !important; }
.testimonial-wrapper { margin-top: 40px; height: 450px; padding-top: 100px; color: #fff;  text-align: center; }
.quote-marks-left { color: #fff; font-size: 60px; margin-top: -10px; opacity: 0.1; }
.quote-marks-right { color: #fff; font-size: 60px; padding-top: 100px; opacity: 0.1; }
.testimonial-text { font-size: 22px; line-height: 44px!important; font-weight: 300; font-style: italic; }
.testimonial-author { font-size: 12px; text-transform: uppercase; margin-top: 30px; }
	.testimonial-author a { color: #ea1568; }
	.testimonial-author a:hover { color: #fff; text-decoration: none; }
	.testimonial-author span { font-weight: 700; }
.carousel-indicators { bottom: 60px; }
.portfolio-page-top img { margin: auto; }
.web-design-top-image { margin-top: 50px; }
.portfolio-item-about { padding-top: 60px; }
#what-we-did { margin-top: 30px; margin-bottom: 50px; }
.what-we-did {font-family: "Anton", Sans-Serif; font-size: 26px; padding-bottom: 10px; }
	.what-we-did span { color: #ea1568; }
.what-we-did-text { font-weight: 300; }
	.what-we-did-text i { color: #ea1568; }
.portfolio-item-ipad { margin: -50px 50px 0 50px; }
.portfolio-item-accelerate-logo { margin: 0 120px; }
.portfolio-testimonial-wrapper { font-weight: 300; font-style: italic; font-size: 20px; line-height: 30px; text-align: center; margin: 60px 0 0 20px; width: 450px; }
.portfolio-testimonial-author { font-size: 12px; text-transform: uppercase; margin-top: 30px; font-style: normal; }
	.portfolio-testimonial-author a { color: #ea1568; }
	.portfolio-testimonial-author a:hover { color: #fff; text-decoration: none; }
	.portfolio-testimonial-author span { font-weight: 700; }
#page-header { max-height: 300px; }
.page-top { margin-top: 5px; }
.page-top-left { width: 300px; margin-left: 400px; margin-top: 80px; }
#portfolio-listing { margin-bottom: 80px; }
.portfolio-list-box { margin-bottom: 8px; overflow: hidden }
.portfolio-box-title { position: absolute; top: 79%; left: 8%; text-transform: uppercase; color: #fff; font-weight: 700; }
#portfolio-page-title { text-align: center; }
.portfolio-page-title { font-family: "Anton", Sans-Serif; font-weight: 300; font-size: 45px; }
	.portfolio-page-title span { color: #ea1568; }
.portfolio-page-subtitle { font-weight: 300; font-size: 18px; text-transform: uppercase; margin-top: 20px; letter-spacing: 2px; }
.hr-pink-center { color: #ea1568; background: #ea1568; width: 75px; height: 4px; text-align: center; }
.portfolio-testimonial { font-weight: 300; font-style: italic; font-size: 20px; line-height: 30px; margin-top: 50px; }
	.portfolio-testimonial p { font-weight: 300; font-style: italic; font-size: 20px; line-height: 30px; padding-bottom: 0px; }
.portfolio-testimonial-author a:hover { color: #000; text-decoration: none; }
.portfolio-testimonial-image { margin-bottom: 60px; }
#portfolio-listing .portfolio-list-box .portfolio-box-image a img { -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out }
#portfolio-listing .portfolio-list-box .portfolio-box-image a img:hover { -moz-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05) }
#privacy-copy h3 { font-weight: 700; margin-bottom: 1rem; margin-top: 1rem; text-transform: lowercase; }
#privacy-copy h4 { font-weight: 700; font-size: 0.9rem; text-transform: uppercase; margin: 15px 0 10px 0; }
.privacy-copy-wrapper p { font-size: 0.8rem; margin-bottom: 0.5rem; }
.privacy-copy-wrapper li { font-size: 0.8rem; margin-bottom: 0.5rem; }

#terms-copy h3 { font-weight: 700; margin-bottom: 1rem; margin-top: 1rem; text-transform: lowercase; }
#terms-copy h4 { font-weight: 700; font-size: 0.9rem; text-transform: uppercase; margin: 15px 0 10px 0; }
.terms-copy-wrapper p { font-size: 0.8rem; margin-bottom: 0.5rem; }
.terms-copy-wrapper li { font-size: 0.8rem; margin-bottom: 0.5rem; }

.btn-portfolio { margin-top: 0 }
.portfolio-responsive-image { margin-top: -90px }
.website-link-button { text-align: right }
.portfolio-imac { margin-top: -300px; }
.breadcrumb-full-width { background-color: #e9ecef; }
.breadcrumb { padding: 8px 0; margin-bottom: 0; border-radius: 0; text-transform: uppercase; font-size: 0.8em; color: #273239 }
	.breadcrumb a { color: #ea1568; }
#website-design-dark-full-width { background-color: #253238; color: #fff; margin: 60px 0; padding-top: 40px; }
.website-design-dark-banner-title { font-family: "Anton", Sans-Serif; font-size: 40px; line-height: 44px; padding-top: 30px; }
	.website-design-dark-banner-title span { color: #ea1568; }
.website-design-dark-banner-author { padding-top: 10px; }
.website-design-dark-banner-text { padding-top: 30px; }
#development-dark-full-width { background-color: #253238; color: #fff; margin-bottom: 60px; }
.development-dark-banner-title { font-family: "Anton", Sans-Serif; font-size: 40px; line-height: 44px; padding-top: 75px; }
.development-dark-banner-text { padding-top: 20px; padding-bottom: 75px; }
#ecommerce-easy-full-width { background-color: #273239; color: #fff; margin-bottom: 60px; }
.ecommerce-easy-title { font-family: "Anton", Sans-Serif; font-size: 40px; line-height: 44px; padding-top: 75px; }
.ecommerce-easy-text { padding-top: 20px; padding-bottom: 75px; }
#branding-full-width { background-color: #273239; color: #fff; margin-bottom: 60px; }
.branding-title { font-family: "Anton", Sans-Serif; font-size: 40px; line-height: 44px; padding-top: 82px; }
.branding-text { padding-top: 20px; padding-bottom: 82px; }
.branding-laptop { margin-top: 60px; }
.old-branding { background: url("/img/layout/branding/old-advertising-background.jpg") left top no-repeat; }
.bespoke-coding-fast { background: url("/img/layout/website-development/coding-background.jpg") left top no-repeat; }
.admin-systems { background: url("/img/layout/admin-systems/admin-faded-pic-2.jpg") left top no-repeat; }
.seo-banner { background: url("/img/layout/seo/seo-secret-fadedjpg.jpg") left top no-repeat; }
.marketing-banner { background: url("/img/layout/marketing/marketing-faded.jpg") left top no-repeat; }
.ecommerce-easy { background: url("/img/layout/ecommerce/ecommerce-faded.jpg") left top no-repeat; }
.share-social-title { font-size: 12px; line-height: 12px; text-align: right; margin-top: 40px; }
.share-social-icons { font-size: 40px; text-align: right; }
.facebook-blue { color: #3b5998; }
.twitter-blue { color: #38A1F3; }
.linkedin-blue { color: #0077B5; }
.instagram-color { color: #C13584; }
.home-bespoke-circle { margin: 40px 40px 40px 0; }
#design-process { padding-bottom: 80px; }
#grey-bg { background-color: #e9ecef; padding-bottom: 50px; }
#process-navigation { color: #fff; padding: 50px 50px; }
#process-navigation .btn { width: 100%; font-size: 1.0em; text-transform: uppercase; font-weight: 700; border-radius: 0; padding: 20px 0;}
#process-navigation .btn-success { background-color: #273239; border: none; }
#process-navigation .btn-success:hover { background-color: #ea1568; border: none; }
.col-process-nav i { vertical-align: middle; }
#process-list-wrapper { margin: 0 50px; padding: 40px; background-color: #fff;}
.process-step-text-wrapper-left { padding-left: 30px; }
.process-step-text-wrapper-right { padding-right: 30px; }
.process-step-title { font-family: "Anton", Sans-Serif; font-size: 35px; line-height: 45px; padding-bottom: 15px; margin-top: 15px; }
.process-separator { padding: 0 150px;}
#faq-cards { margin-bottom: 80px; }
.card { border: none; }
.card-columns { column-count: 2; }
.card-body { background-color: #e9ecef; color: #273239; }
.card-text a { color: #ea1568; }
.card-text a:hover { color: #941044; }
.card-header { background-color: #273239; font-size: 1.2rem; }
.contact-background { margin-bottom: 80px; background-color: #e9ecef; padding: 50px; }
.contact-content { padding: 30px 50px 50px 50px; background-color: #fff; }
.contact-left { padding-right: 15px; }
	.contact-left i { vertical-align: middle; color: #ea1568; }
.contact-left-text { font-size: 1.2rem;}
.contact-left-phone { font-size: 1.3rem; }
.contact-left-details { font-size: 1.05rem; margin-top: 30px; }
.contact-left-title { font-family: "Anton", Sans-Serif; font-size: 35px; line-height: 45px; padding-bottom: 15px; margin-top: 15px; }
.fa-ul { margin-left: 2em; }
	.fa-ul li { padding-left: 10px; padding-bottom: 20px; }
	.fa-ul li i { vertical-align: middle; font-size: 1.5rem; }
	.fa-ul a { color: #212529; }
#contact-form { margin-top: 20px; }
	#contact-form .alert { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
	#contact-form .btn { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #ea1568; border: none; border-radius: 0; color: #FFF }
	#contact-form .btn:hover { background-color:  #212529; }
	#contact-form input, #contact-form textarea { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
.contact-gdpr-text { font-size: 11px; padding-bottom: 20px; }
#contact-social { text-align: center; margin-bottom: 100px; }
	#contact-social i { padding: 0 20px; }
.contact-social-title { font-size: 2rem; padding-bottom: 20px; }
.contact-social-handle { font-size: 1.5rem; padding-bottom: 30px; font-weight: 300; }
.about-small-title { font-family: "Anton", Sans-Serif; font-size: 35px; line-height: 45px; padding-bottom: 15px; margin-top: 15px; }
#about-wrapper { padding: 30px 0 0 0 }
.about-background { background-color: #e9ecef; padding: 50px; }
.about-content { padding: 30px 50px 50px 50px; background-color: #fff; }
#like-what-you-see { padding-top: 40px }
	#like-what-you-see.pink-inner { padding-top: 15px }

#static-carousel-strip { background-color: #283339; }

/* sidebar */
#btn-sidebar { display: none }
#sidebar { background-color: #273239; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); color: #FFF; height: 100vh; left: -275px; overflow-y: scroll; position: fixed; top: 0; transition: all 0.3s; width: 275px; z-index: 999 }
	#sidebar.active { left: 0 }
	#sidebar .sidebar-header { padding: 20px 10px 17px 10px }
	#sidebar #dismiss { -o-transition: all 0.3s; -webkit-transition: all 0.3s; background-color: #EA1568; color: #FFF; cursor: pointer; height: 35px; line-height: 35px; position: absolute; right: 10px; text-align: center; top: 20px; transition: all 0.3s; width: 35px }
	#sidebar #dismiss:hover { background: #FFF; color: #EA1568 }
	#sidebar ul { margin: 0 }
		#sidebar ul p { color: #FFF; padding: 10px }
		#sidebar ul li a { color: rgba(255,255,255, 0.5); display: block; font-size: 1.1em; padding: 10px; text-decoration: none !important }
		#sidebar ul li a:hover { color: #FFF }
		#sidebar ul li.active>a, a[aria-expanded="true"] { background-color: #EA1568; color: #FFF !important }
	#sidebar ul ul a { background-color: #EA1568; color: #FFF; font-size: 0.9em !important; padding-left: 30px !important }
	#sidebar ul ul a:hover { background-color: rgba(255,255,255, 0.5) }
	#sidebar a[data-toggle="collapse"] { position: relative }
	#sidebar .dropdown-toggle::after { display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) }
.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; height: 100vh; opacity: 0; position: fixed; transition: all 0.5s ease-in-out; width: 100vw; z-index: 998 }
	.overlay.active { display: block; opacity: 1 }

/* cookie bar */
#cookie-bar { background-color: #273239; bottom: 20px; color: #FFF; height: auto; line-height: 24px; left: 20px; margin-right: 20px; padding: 5px 6px 9px 6px; position: fixed; text-align: center; width: 280px; z-index: 2000 }
	#cookie-bar p { font-size: 16px; font-weight: 300; margin: 0; text-shadow: none }
	#cookie-bar a { color: #000; display: inline-block; margin: 5px 4px 0 4px; padding: 0 6px; text-transform: uppercase }
	#cookie-bar .cb-enable { background-color: #EA1568; color: #FFF }
	#cookie-bar .cb-policy { background-color: rgba(255, 255, 255, 0.5); color: #FFF }

.pricing-wrapper { border: rgba(166,164,164,1.00) solid 1px; padding: 25px 30px; margin-top: 30px; background-color: #e9ecef }
.pricing-circle { margin-top: 40px }
.pricing-title { font-weight: 700; font-size: 1.3em; margin-bottom: 5px; }
.pricing-description p { margin: 0; padding-bottom: 5px; }
.pricing-description span { font-size: 0.8em; }

.cheap-websites i { color: #EA1568; }
.cheap-websites-sub { font-size: 1.2em; font-weight: 700;}
.cheap-websites-box { border: rgba(166,164,164,1.00) solid 1px; padding: 30px 30px 10px 30px; margin-top: 15px; }
/*======================
    404 page
=======================*/
.page_404{ margin-top: 50px; padding:40px 0; background:#fff; font-family: 'Open Sans', sans-serif; }
.page_404  img{ width:100%;}

.four_zero_four_bg{
 background: url("../img/four-o-four/four-o-four.gif") center top no-repeat;
background-image: url("/img/four-o-four/four-o-four.gif");
    height: 400px;
    background-position: center;
 }
 
 
 .four_zero_four_bg h1{
 font-family: "Anton", Sans-Serif; font-size:80px;
 }
 
  .four_zero_four_bg h3{
			 font-size:80px;
			 }
			 
			 .link_404{			 
	color: #fff!important;
    padding: 10px 20px;
    background: #EA1568;
    margin: 20px 0;
    display: inline-block;}
	.contant_box_404{ margin-top:-50px;}



@media (max-width: 1199px) {
	#header-logo { top: 15px; width: 100px }
	.home-mobile-phone { top: -25px }
	.section-title { font-size: 40px; line-height: 40px }
	.home-pink-button { margin: 37px 0 0 0 }
	.testimonial-wrapper { padding-top: 60px }
	.quote-marks-left { color: #fff; font-size: 50px; margin-top: -10px; opacity: 0.1; }
	.quote-marks-right { color: #fff; font-size: 50px; padding-top: 100px; opacity: 0.1; }
	.home-brochure-image { margin-top: 80px }
	.footer-address { font-size: 12px; margin-top: 45px }
		.footer-address i { font-size: 20px }
	.footer-phone { font-size: 16px }
		.footer-phone i { font-size: 20px }
	.footer-email { font-size: 12px }
		.footer-email i { font-size: 20px }
	#like-what-you-see { padding-top: 15px }
	#portfolio-page-title { margin-top: 30px }
	.portfolio-page-title { font-size: 36px }
	#portfolio-listing { margin-top: 40px }
	.portfolio-imac { margin-top: -200px; }
	.what-we-do-circle { margin-top: 65px }
	.pricing-circle { margin-top: 100px }
	.website-design-dark-banner-title { font-size: 32px; line-height: 36px; padding-top: 0 }
	.development-dark-banner-title { padding-top: 60px }
	.development-dark-banner-text { padding-bottom: 60px }
	.what-we-do-bottom { margin-top: 50px }
	.process-step-title { font-size: 30px; line-height: 40px }
	.process-separator { height: 50px }
		.process-separator img { display: none }
	.portfolio-responsive-image { margin-top: 50px }
	.portfolio-testimonial { margin-top: 15px }
		.portfolio-testimonial p { font-size: 18px }
}

@media (max-width: 991px) {
	header .navbar { padding: 0 }
	header #tww-navbar { display: none }
	#btn-sidebar { background: none; border: none; color: #FFF; cursor: pointer; display: block; font-size: 26px; line-height: 0; margin-left: -50px; padding: 20px 0 20px 0 }
		#btn-sidebar i { font-size: 40px }
		#btn-sidebar span { left: 10px; position: relative; top: -6px }
	.home-bespoke-circle { margin: 30px 0; text-align: center; width: 70% }
	.home-bespoke-text-wrapper { margin: 30px 0 }
	.home-who-are-we.effective-web-design { padding-top: 10px }
	.home-laptop-image { margin-top: 50px }
	.home-mobile-phone { margin-top: 40px; position: relative; text-align: center; top: 0; z-index: 1 }
	.home-mobile-text-wrapper { margin: 40px 0 0 0 }
	.home-mobile-button { margin-bottom: 40px }
	#like-what-you-see { padding-top: 0; text-align: center }
	.home-pink-button { margin: -20px 0 30px 0 }
	.testimonial-wrapper { padding-top: 50px }
	.home-who-are-we.get-on-board { padding-top: 10px }
	.home-service-button { margin-bottom: -10px }
	footer { padding-bottom: 20px; text-align: center }
	.footer-logo img { width: 125px }
	.footer-address { font-size: 14px; margin-top: 0 }
		.footer-address i { font-size: 26px }
	.footer-phone { font-size: 20px }
		.footer-phone i { font-size: 22px }
	.footer-email { font-size: 14px }
		.footer-email i { font-size: 22px }
	.footer-social-media { margin-top: 20px; text-align: center }
	.portfolio-imac { margin-top: -100px; }
	#portfolio-page-title { margin-top: 60px }
	.portfolio-box-title { font-size: 12px }
	.what-we-do-circle { margin-top: 40px; text-align: center }
		.what-we-do-circle img { width: 70% }
	.website-design-dark-img { margin-bottom: 50px; text-align: center }
		.website-design-dark-img img { width: 70% }
	.website-design-dark-banner-text { padding-bottom: 50px }
	.what-we-do-bottom { margin-top: 30px; text-align: center }
		.what-we-do-bottom img { width: 70% }
	.bespoke-coding-fast { background: none }
	.ecommerce-easy { background: none }
	.admin-systems { background: none }
	.seo-banner { background: none }
	.marketing-banner { background: none }
	.old-branding { background: none }
	#grey-bg { padding-top: 50px }
	.portfolio-responsive-image { margin-top: 0 }
	.portfolio-testimonial-image { margin: 0 0 20px 0 }
	.testimonial-full-width { padding-bottom: 50px }
	#development-dark-full-width { background: url(/img/layout/website-development/coding-background-mob.jpg) no-repeat center top #273239; padding-top: 500px }
		#development-dark-full-width.online-admin { background: url(/img/layout/admin-systems/admin-faded-pic-2-mob.jpg) no-repeat center top #273239; padding-top: 500px }
		#development-dark-full-width.seo { background: url(/img/layout/seo/seo-secret-faded-mob.jpg) no-repeat center top #273239; padding-top: 500px }
		#development-dark-full-width.digital-marketing { background: url(/img/layout/marketing/marketing-faded-mob.jpg) no-repeat center top #273239; padding-top: 500px }
	#ecommerce-easy-full-width { background: url(/img/layout/ecommerce/ecommerce-faded-mob.jpg) no-repeat center top #273239; padding-top: 500px }
	#branding-full-width { background: url(/img/layout/branding/old-advertising-background-mob.jpg) no-repeat center top #273239; padding-top: 500px }
	.home-brochure-image { margin-top: 50px; text-align: center }
		.home-brochure-image img { width: 70% }
	.footer-links { margin-top: 20px }
		.footer-links a { padding: 0 5px }
}

@media (max-width: 767px) {
	#btn-sidebar { margin-left: -10px }
	.portfolio-imac { margin-bottom: 50px }
	#portfolio-listing { margin-top: 30px }
	.process-step-text-wrapper-left, .process-step-text-wrapper-right { padding: 0 }
	#faq-cards .card-columns { column-count: 1 }
	.page_404{ margin-top: 0px; }
}

@media (max-width: 575px) {
	#btn-sidebar { margin-left: 0 }
	.home-service-box { text-align: center }
	.home-bespoke-circle { width: 100% }
	.testimonial-text { font-size: 18px; line-height: 30px!important }
	.footer-address { line-height: 0; margin-bottom: 25px }
		.footer-address i { position: relative; top: 10px }
	.portfolio-box-title { font-size: 14px }
	.what-we-do-circle img { width: 100% }
	.website-design-dark-img img { width: 100% }
	.what-we-do-bottom img { width: 100% }
	.development-dark-banner-title { font-size: 36px; line-height: 40px }
	.ecommerce-easy-title { font-size: 30px; line-height: 34px }
	#process-list-wrapper { margin: 0 15px }
	#grey-bg { padding: 15px 0 }
	.about-background { padding: 15px }
	.contact-background { padding: 15px }
	.contact-content { padding: 7px 15px 15px 15px }
	.portfolio-item-ipad { margin: -20px 0 0 0 }
	#cookie-bar { left: 0; margin: 0 auto; right: 0 }
	.home-brochure-image img { width: 100% }
}

@media (max-width: 374px) {
	#btn-sidebar { margin-left: 20px }
	.testimonial-text { font-size: 16px; line-height: 26px!important }
	.development-dark-banner-title { font-size: 30px; line-height: 34px }
	.ecommerce-easy-title { font-size: 26px; line-height: 30px }
	.contact-left-details { font-size: 0.9rem }
}

/****************************************************************************
* slider                                                                    *
****************************************************************************/
#home-slider { background-color: #273239; border-top: solid 4px #fff; color: #fff; }
.twwslider .bg-info { background-color: #273239 !important; }
.twwslider h2 { font-family: "Anton", Sans-Serif; font-size: 50px; line-height: 49px; padding-top: 90px; }
.slider-subtitle { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 20px; line-height: 22px; padding-right: 30px !important; text-transform: uppercase; }
.twwslider p { color: #fff; font-weight: 400 !important; }
	.twwslider p a { text-decoration: underline; }
	.twwslider p a:hover { text-decoration: none; }
.twwslider hr { color: #ea1568; background: #ea1568; width: 65%; height: 4px; margin: 0; margin: 22px 0; }
.carousel-inner { max-height: 550px; }
.twwslider .btn { border: 1px solid #ea1568; background-color: #ea1568; color: #fff; border-radius: 0; margin-top: 10px }
	.twwslider .btn:hover { border: 1px solid #fff; background-color: #fff; color: #273239 !important; }
.twwslider .col-lg-9 { max-width: 400px; }

@media (max-width: 1100px) {
	.twwslider .col-md-11 { min-width: 355px; }
	.twwslider p { font-size: 14px; }
	.twwslider .carousel-indicators { right: 0; } 
}

@media (max-width: 992px) {
	.twwslider .col-md-11 { min-width: 250px; }
	.twwslider h2 { font-size: 22px; line-height: 30px; } 
}

@media (max-width: 767px) {
	.twwslider .bs-slider, .twwslider .carousel-item { max-height: 100% !important; padding-bottom: 10px }
	.twwslider .slide-text { position: relative; }
	.twwslider h2 { font-size: 28px; line-height: 36px; padding-top: 0; text-align: center }
	.twwslider hr { display: none }
	.twwslider .slider-subtitle { display: none }
	.twwslider .btn { display: none }
	.twwslider .slide-image { width: 100% }
	.twwslider .col-md-11 { padding: 25px 15px 30px 15px }
	.twwslider .col-lg-9 { max-width: 100%; }
	.twwslider .carousel-indicators { bottom: 5px } 
}

@media (max-width: 567px) {
	.twwslider h2 { font-size: 22px; line-height: 30px }
}

@media (max-width: 320px) {
	.twwslider h2 { font-size: 18px; line-height: 26px; } 
}

@media (min-width: 1900px) and (max-width: 2700px) {
	.twwslider .carousel-indicators { margin-left: 20%; }
}

@media (min-width: 1970px) and (max-width: 2700px) {
	.twwslider .slide-text {  -ms-transform: translate(4%, 0%) !important; transform: translate(4%, 0%) !important; -webkit-transform: translate(4%, 0%) !important; -moz-transform: translate(4%, 0%) !important; }
	.twwslider .carousel-indicators { margin-left: 26%; } 
}