/*
Theme Name: Designbite Ltd.
Author: Dominik Weitmann, squared Web e.U.
Author URI: http://squaredweb.at/
Description: Designbite Ltd. Webseite
Version: 1.0
*/

/*-----------------------------------------------------------------------------------*/
/* Inport Fonts                                                                      */
/*-----------------------------------------------------------------------------------*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*-----------------------------------------------------------------------------------*/
/* CSS Reset                                                                         */
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;overflow-y:scroll;height:100%;min-height:100%;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#ff9;color:#111;text-decoration:none;}
mark{background-color:#ff9;color:#111;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
strong,.bold{font-weight:600;}
em{font-style:italic;font-weight:inherit;}
ol,ul{list-style:none;}
caption,th,td{font-weight:normal;text-align:left;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
embed,iframe,object,video,img{max-width:100%;height:auto;}
img{vertical-align:bottom;}
a{text-decoration:none;}

/*-----------------------------------------------------------------------------------*/
/* Global Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

@-ms-viewport{width:device-width;}
.clearfix:after{visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .clearfix{zoom:1;}/* IE6 fix */
*:first-child+html .clearfix{zoom:1;}/* IE7 fix */
.clear{clear:both;}
::-moz-selection{background:#000;color:#fff;text-shadow:none;}
::selection{background:#000;color:#fff;text-shadow:none;}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{max-width:100%;padding:4px;}
a,input,#nav-icon,#single-service-more{color:#4a4a4a;text-decoration:none;position:relative;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;
 transition:color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
a:hover,body.nav-open #nav-icon,#nav-icon:hover,#single-service-more:hover{opacity:.8;cursor:pointer;}
#wpadminbar a:before,#navigation-mobile a:before,.next-section-link:before,#ptb-social-media a:before{display:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.courier{font-family:'Courier New',Courier,serif;}
h1,h2,h3{}
h1{position:relative;font-size:30px;font-size:3.0rem;font-weight:300;margin-bottom:7px;z-index:2;}
h2{font-size:22px;font-size:2.2rem;font-weight:300;margin-bottom:7px;}
h3{font-size:18px;font-size:1.8rem;font-weight:400;}
h4{font-size:14px;font-size:1.4rem;font-weight:400;}
li,p{min-height:27px;}
ul,ol{margin:0 0 0 32px;}
p + p,p + ul, p + ol, ol + p, ul + p,h2 + p,h2 + ul,h2 + ol,p + h2, ol + h2, ul + h3,h3 + p,h3 + ul,h3 + ol,p + h3, ol + h3,ul + h2,ol + h2,
ul + h3,h4 + p,h4 + ul,h4 + ol,p + h4, ol + h4, ul + h4,blockquote + h4,blockquote + h3,blockquote + h2,blockquote + h1,blockquote + p,
blockquote + ul,blockquote + ol,blockquote + blockquote,p + blockquote,ul + blockquote,ol + blockquote, h1 + blockquote,h2 + blockquote, h3 + blockquote, h4 + blockquote{margin-top:15px;}
.caps{text-transform:uppercase;}
.center-text{text-align:center;}
.db-text-left{text-align:left;}
.db-text-right{text-align:right;}
.container{margin:0 auto;width:300px;position:relative;}
.db-button{text-transform:uppercase;padding:8px 16px 8px 16px;font-size:16px;font-size:1.6rem;border-radius:2px;
 -moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s;border:0;outline:0;}
.db-button:hover{opacity:1;}
.wpcf7 input.db-small-button,.db-small-button{width:auto;display:inline-block;margin:3px 0 0 0;font-weight:400;color:#fff;background:#f8c100;padding:7px 15px 7px 15px;text-transform:uppercase;border-radius:2px;
 -moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s;border:0;outline:0;}
.wpcf7 input.db-small-button{margin:-6px 0 0 0;}
.wpcf7 input.db-small-button:hover,.db-small-button:hover{cursor:pointer;opacity:1;background:#fad34c;}
.wpcf7 input.db-small-button:focus,.db-small-button:focus{border:0;}
.button-spacer-one{margin:13px 0 28px 0;}
.after-grid-spacer{margin:35px 0 42px 0;text-align:center;position:relative;}
 .after-grid-spacer .work-switch{margin-top:19px;}
.page-template-page-work .after-grid-spacer{margin:5px 0 42px 0;}
.after-text-spacer{padding:36px 0 12px 0;text-align:center;}
#default-page>article{margin:0 0 32px 0;width:100%;max-width:672px;}
.page-template-default h2{line-height:1.4;}
.page-id-401 strong{font-size:14px;}

/*-----------------------------------------------------------------------------------*/
/* General Page Setup                                                                */
/*-----------------------------------------------------------------------------------*/

body{min-height:100%;font-family:'Open Sans',sans-serif;color:#4a4a4a;font-size:13px;font-size:1.3rem;line-height:1.8;font-weight:400;background:#f8f8f8;
 text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position:relative;}
#page-wrapper{min-height:100%;width:100%;max-width:1920px;margin:0 auto;position:relative;background:#fff;overflow:hidden;}

/*-----------------------------------------------------------------------------------*/
/* Header Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

header{background:#f2f3f8;padding:20px 0 20px 0;text-align:center;}
#designbite-logo{display:block;position:relative;top:1px;}

/* Navigation */
#navigation{position:relative;display:none;text-align:center;text-transform:uppercase;max-width:320px;margin:0 auto;}
#navigation ul{margin:16px 0 6px 0;}
#navigation li{}
#navigation li + li{border-top:1px solid #f2f3f8;}
#navigation li a{display:block;padding:10px;background:#fff;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}
#navigation li a:hover,.current-menu-item a{opacity:1;color:#dfae00;}
#nav-icon{display:inline-block;position:relative;top:-1px;top:0;margin:0 auto;margin-right:32px;margin-right:13px;width:18px;height:18px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);
 -o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;z-index:10;}
#nav-icon:hover{cursor:pointer;}
#nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#4a4a4a;background:rgb(74,74,74);opacity:1;left:0;-webkit-transform:rotate(0deg);
 -ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;
 -o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon span:nth-child(1){top:0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:8px;}
#nav-icon span:nth-child(4){top:16px;}
body.nav-open #page-wrapper{}
body.nav-open #nav-icon span:nth-child(1){top:9px;width:0%;left:50%;}
body.nav-open #nav-icon span:nth-child(2){background:#4a4a4a;background:rgb(32,32,32);width:21px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);transform:rotate(45deg);}
body.nav-open #nav-icon span:nth-child(3){background:#4a4a4a;background:rgb(32,32,32);width:21px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(45deg);
 -o-transform:rotate(-45deg);transform:rotate(-45deg);}
body.nav-open #nav-icon span:nth-child(4){top:9px;width:0%;left:50%;}
#menu-header-navigation li ul{display:none;}

/* Social */
#social{position:relative;margin:0 auto;margin-top:16px;text-align:center;z-index:1;}
.db-facebook{display:inline-block;width:9px;height:18px;margin:0 6px 0 0;}
.db-instagram{display:inline-block;width:18px;height:18px;margin:0 6px 0 0;}
.db-linkedin{display:inline-block;width:18px;height:18px;margin:0 0 0 4px;position:relative;top:-1px;}
#social a,.footer-social a{position:relative;}
#social a:hover,.footer-social a:hover{opacity:1;}
#social a img,.footer-social a img{vertical-align:baseline;transition:opacity .2s ease-in-out;position:absolute;}
#social a img{left:0;}
#social .default,.footer-social .default{opacity:1;}
#social .hover,.footer-social .hover{opacity:0;}
#social a:hover .default,.footer-social a:hover .default{opacity:0;}
#social a:hover .hover,.footer-social a:hover .hover{opacity:1;}

/*-----------------------------------------------------------------------------------*/
/* Content Styles                                                                    */
/*-----------------------------------------------------------------------------------*/

/* Hero Stage */
#hero-stage{position:relative;}
#hero-stage .owl-item img{min-height:260px;max-height:260px;width:100%;object-fit:cover;object-position:center center;}
#hero-content{padding:46px 0 0 0;}
#hero-wrap{position:relative;text-align:center;}
#hero-text{line-height:1.3;font-size:20px;font-size:2.0rem;font-weight:300;font-style:normal;margin:0 0 25px 0;position:relative;}
.home #hero-text{font-size:25px;font-size:2.5rem;}
#hero-text br{display:none;}
#hero-button{text-transform:uppercase;padding:8px 16px 9px 16px;font-size:16px;font-size:1.6rem;border-radius:2px;
 -moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s;display:inline-block;min-width:175px;text-align:center;}
#hero-button:hover{opacity:1;}

/* Main */
main{width:100%;margin:0 auto;position:relative;padding:56px 0 24px 0;z-index:2;}
.home main{padding:46px 0 24px 0;}
.page-template-page-work main{padding:56px 0 4px 0;}
.page-template-page-work #hero-content{padding:36px 0 0 0;}
main ul{list-style:disc;margin-left:32px;}
main ul li{padding-left:2px;}
main ol{list-style:decimal;margin-left:32px;}
main #grid ul,main #grid ol{list-style:none;margin:0;padding:0;}
main>h1{text-transform:none;}
main>article>h1{margin:-14px 0 14px 0;}
#page-headline{margin:-15px 0 40px 0;position:relative;}
#page-headline p{padding:0 0 5px 0;}
.work-switch ul{margin:0;list-style-type:none;text-transform:uppercase;padding-right:2px;padding-bottom:12px;}
.work-switch li{display:inline-block;position:relative;min-height:0;line-height:24px;padding:0 8px;}
/*.work-switch li + li:before{content:' ';width:1px;height:11px;top:7px;background:#4a4a4a;position:absolute;left:-2px;}*/
.work-switch li:after{content:' ';width:1px;height:11px;top:7px;background:#4a4a4a;position:absolute;right:-2px;}
.work-switch li:last-child::after{content:' ';width:0px;height:0px;}
.work-switch a{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}
.work-switch a:hover{opacity:1;color:#dfae00;}

/* Grid */
#grid{position:relative;z-index:1;margin:0 auto;line-height:1.1;}
.home #grid{margin:0;}
#grid h1,#grid h2{position:relative;text-align:center;font-size:30px;font-size:3.0rem;margin-top:20px;margin-bottom:12px;z-index:2;}
.grid-item{float:left;margin-bottom:32px;width:300px;position:relative;overflow:hidden;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;z-index:2;}
.grid-image{position:relative;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
.grid-image img{border:1px solid #d8d8d8;}
.grid-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}
.grid-link:hover ~ .grid-image{opacity:.8;}

/* Testimonials */
#testimonials{width:100%;background:url(images/Designbite_quote_mark.svg) top center no-repeat;line-height:1.5;}
header + #testimonials{margin-top:56px;}
#testimonials .owl-item{position:relative;padding:46px 0 46px 0;/*top:50%;transform: translate(0, -50%);*/}
.testimonial-slider{font-size:22px;font-size:2.2rem;font-style:italic;font-weight:300;text-align:center;}
.testimonial-slider .owl-stage{/*height:400px;*/}
.testimonial-text{margin:26px 0 32px;}
.testimonial-source{font-weight:700;font-style:normal;font-size:14px;font-size:1.4rem;text-transform:uppercase;}
.left-quotes{margin:0 3px 0 0;}
.right-quotes{margin:0 0 0 3px;position:relative;top:3px;}

/* About */
#about #page-headline{margin:-16px 0 10px 0;}
#about>article{margin:0 0 32px 0;width:100%;max-width:672px;}
#about .after-text-spacer{padding:18px 0 12px 0;}

/* Contact */
#contact #page-headline{margin:-16px 0 18px 0;}
#contact>article{margin:0 0 32px 0;width:100%;max-width:672px;}
div.wpcf7{font-family:'open Sans',sans-serif;margin:16px 0 0 0;}
.wpcf7 input,.wpcf7 textarea{-webkit-appearance:none;border-radius:0;font-family:'open Sans',sans-serif;width:100%;padding:6px 10px;font-size:13px;font-size:1.3rem;color:#4a4a4a;
 border:2px solid #dfdfdf;font-weight:300;line-height:1.8;}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:0;border:2px solid #c3c3c3;}
div.wpcf7-response-output{margin:21px 0 0 0;padding:18px;border:0;}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing,.wpcf7-mail-sent-ng{border:0;background:#f00;color:#fff;}
div.wpcf7-mail-sent-ok{border:0;background:#008E7E;color:#fff;}
#contact-details{margin:50px 0 0 0;}
#contact p + p{margin-top:22px;}

/* Blog */
#blog{margin-bottom:24px;}
#blog blockquote{font-size:15px;margin-left:15px;border-left:4px solid #dfae00;font-style:italic;display:inline-block;background:#f2f2f2;padding:16px 24px}
#blog blockquote p{;min-height:0;}
#blog blockquote p + p{margin:0;}
#blog blockquote cite{display:block;font-style:normal;font-size:13px;margin-top:9px;}
#blog blockquote cite:before{content:'\2014 \2009';}
#blog #page-headline{margin:-16px 0 18px 0;}
#blog-content{min-height:50px;}
#blog-content .attachment-post-thumbnail + p{margin:24px 0 0 0;}
#blog-content article + article{border-top:1px solid #d8d8d8;margin:21px 0 0 0;padding:29px 0 0 0;}
#blog-content h1{font-size:22px;font-size:2.2rem;margin:20px 0 20px 0;line-height:1.4;font-weight:400;}
#blog-content h2{font-size:15px;font-size:1.5rem;font-weight:400;text-transform:none;margin-bottom:-12px;}
#blog-content h3{font-size:14px;font-size:1.4rem;font-weight:600;text-transform:uppercase;margin-bottom:-12px;}
.read-more-link{margin:17px 0 0 0;text-transform:uppercase;}
.more-link{display:block;margin:15px 0 0 0;text-transform:uppercase;}
.sidebar-widget + .sidebar-widget{margin:13px 0 0 0;}
.sidebar-widget ul{margin:0;list-style-type:none;}
.sidebar-widget li{padding:0;}
.search-form{position:relative;padding:0 0 9px 0;}
.search-form .search-field{-webkit-appearance:none;border-radius:0;width:300px;padding:8px 14px;margin-bottom:2px;border:2px solid #d8d8d8;font-family:'open Sans',sans-serif;font-size:13px;font-size:1.3rem;font-weight:300;}
#blog-sidebar{margin-top:46px;}
#blog-sidebar h2{margin:0 0 0 0;font-size:14px;font-size:1.4rem;font-weight:600;text-transform:uppercase;}
#blog .cat-item{position:relative;list-style:disc;margin:0 0 0 16px;min-height:24px;}
/*#blog .cat-item + .cat-item:before{content:'\2022';position:relative;top:2px;margin-right:7px;line-height:0;font-size:16px;}*/
.entry-link{margin-top:8px;}
#blog-sidebar .entry-link a{display:inline-block;}
#blog-sidebar .entry-link img{vertical-align:middle;}
#blog-sidebar .entry-link + .entry-link{margin:21px 0 0 0;}
#blog-sidebar .entry-thumb{float:left;display:block;width:60px;}
#blog-sidebar .entry-title{float:left;display:block;width:230px;margin:-7px 0 0 10px;}

/* Services */
main#services{padding:56px 0 42px 0;}
#services #page-headline{margin:-17px 0 20px 0;}
#services h1{position:relative;text-align:center;font-size:30px;font-size:3.0rem;margin-bottom:16px;z-index:2;}
#services h2{margin-top:11px;margin-bottom:16px;z-index:2;}
.service-info-box{width:146px;height:146px;position:relative;float:left;margin:0 0 8px 0;}
.service-info-box:nth-child(2n + 1){margin-left:8px;}
.service-box-text{line-height:1.5;position:absolute;top:11px;left:15px;right:6px;z-index:2;font-size:14px;font-size:1.4rem;font-weight:300;}
.service-box-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;}
.service-box-icon{-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
.service-box-link:hover ~ .service-box-icon{opacity:.8;}
.service-category + .service-category{margin:16px 0 0 0;}
#single-service-top{margin:0 0 58px 0;}
#single-service-left{margin:0 0 27px 0;}
#single-service h1{line-height:1.3;margin-bottom:34px;}
#single-service-icon{position:relative;width:227px;height:227px;}
#single-service-icon h2{position:absolute;top:14px;left:20px;right:10px;line-height:1.4;}
#single-service-text{margin:0 0 22px 0;}
#single-service-more{display:inline-block;margin:0 0 22px 0;text-transform:uppercase;}
#single-service-more:hover{cursor:pointer;}
#single-service-more-text{display:none;margin:0 0 22px 0;}

/* Project */
main#project-single>article>h1{margin:-9px 0 16px 0;}
#project-left{margin:0 0 27px 0;min-height:1px;}
#project-left .fotorama{margin:0 0 49px 0;}
#project-left .fotorama__thumb-border{border-color:#bfbdbd;}
#project-right{margin:0 0 10px 0;}
#project-right h1{font-size:22px;font-size:2.2rem;font-weight:400;line-height:1.4;padding:4px 0 5px 0;}
#project-right h2{margin:18px 0 0 0;font-size:14px;font-size:1.4rem;font-weight:600;text-transform:uppercase;}
#project-right h2 + p{margin-top:4px;min-height:1px;}
#project-right .cat-item{display:inline-block;position:relative;margin-right:4px;}
#project-right .cat-item + .cat-item:before{content:'\2022';position:relative;top:2px;margin-right:7px;line-height:0;font-size:16px;}
#project-right .shariff ul{display:block;margin:14px 0 0 0 !important;}
#project-right .shariff .shariff-button{display:inline-block;background-color:#fff !important;margin:-5px 0 0 0 !important}
#project-right .shariff-link{display:inline-block;background-color:#fff !important;border:0;}
#project-right .shariff-link span{display:none;}
#project-right .shariff-button.facebook a{width:9px;height:18px;background:#fff url(images/Designbite_Facebook_logo.svg) no-repeat center center !important;}
#project-right .db-underline{text-decoration:underline;}
#project-right #db-button{margin-top:8px;}

/* Fotorama */
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus),
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus)
 {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 !important;}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--disabled.fotorama__arr--next:not(:focus),
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--disabled.fotorama__arr--prev:not(:focus),
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--disabled.fotorama__arr--next::focus,
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--disabled.fotorama__arr--prev::focus,
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--disabled.fotorama__arr--next,
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--disabled.fotorama__arr--prev{display:none;opacity:.1 !important;}
.fotorama__fullscreen-icon:hover{opacity:0.7 !important;}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:0;}
.fotorama__fullscreen-icon{width:20px;height:21px;top:auto;bottom:2px;right:2px;background:url(images/designbite_zoom_icon.svg);background-size:cover;}
.fotorama--fullscreen .fotorama__fullscreen-icon{width:16px;height:15px;background:url(images/designbite_close_window_icon_2.svg);background-position:0;top:16px;right:16px;}
.fotorama__arr--next{right:0px;background:url(images/designbite_forward_arrow.png);}
.fotorama__arr--prev{left:0px;background:url(images/designbite_backward_arrow.png);}
.fotorama__arr{width:28px;height:40px;top:50%;margin-top:-20px;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
.fotorama__arr:hover{opacity:.8;}
.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#fff !important;border:1px solid #bfbdbd;}
.fotorama__thumb-border{border:1px solid #bfbdbd;}
.fotorama__stage{border:1px solid #9b9b9b;}
.fullscreen .fotorama__stage{max-width:100%;margin:0 auto;border-bottom:0;}
.fullscreen .fotorama__nav{max-width:100%;border-top:0;bottom:1px;}
.fullscreen .fotorama__stage__shaft{width:100% !important;bottom:auto !important;}
.fullscreen .fotorama__img{top:0px !important;width:auto!important;height:auto !important;max-width:100% !important;max-height:100% !important;margin:auto !important;left:0px !important;}
.fullscreen .fotorama__stage .fotorama__img{padding:0px !important;}
.fullscreen .fotorama--fullscreen{background:transparent !important;}
.fullscreen .fotorama__wrap{background:rgba(255,255,255,0.8) !important;}

/*-----------------------------------------------------------------------------------*/
/* Footer Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

footer{background:#f2f3f8;padding:56px 0 52px 0;}
#footer-left{margin:0 0 18px 0;}
.footer-social{margin:22px 0 17px 0;}
#footer-about{margin:22px 0 0 0;}
footer ul{margin:0;}
#footer-navigation li + li{margin:4px 0 0 0;}
#footer-navigation li a{text-transform:uppercase;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}
#footer-navigation li a:hover{opacity:1;color:#dfae00;}
.footer-copy{padding:41px 0 0 0;}

/*-----------------------------------------------------------------------------------*/
/* Media Queries                                                                     */
/*-----------------------------------------------------------------------------------*/

@media (min-width:340px){
 .container{width:320px;}
 .grid-item{width:320px;}
 .service-info-box{width:146px;height:146px;position:relative;float:left;margin:0 0 14px 0;}
 .service-info-box:nth-child(2n + 1){margin-left:14px;}
 .search-form .search-field{width:320px;}
 #blog-sidebar .entry-title{width:250px;}
 .work-switch li{padding:0 12px;}
}

@media (max-width: 711px) {
 .page-template-page-work h1{
  line-height:1.2;
  margin:9px 0 15px 0;
 }
 .work-switch li:last-child{margin-left:12px;}
}

@media (min-width:712px){
 .container{width:672px;}
 #hero-stage .owl-item img{min-height:300px;max-height:300px;}
 #hero-text{font-size:24px;font-size:2.4rem;line-height:1.4;}
 .home #hero-text{font-size:28px;font-size:2.8rem;}
 #hero-text br{display:block;}
 .db-button,#hero-button{padding:9px 17px 10px 17px;font-size:18px;font-size:1.8rem;}
 #social{position:absolute;right:0;top:7px;margin-top:0;}
 .grid-item-xl{width:672px;}
 .testimonial-slider .owl-stage{/*height:300px;*/}
 .service-info-box:nth-child(2n + 1){margin-left:0;}
 .service-info-box{margin:0 14px 14px 0;}
 #footer-about{width:250px;}
 #footer-right li{min-height:20px;}
 #footer-left{width:320px;float:left;}
 #footer-right{width:320px;float:right;margin:-6px 0 16px 0;}
 #footer-right nav{margin:0 0 0 128px;}
 .footer-copy{text-align:center;padding:22px 0 0 0;}
 .work-switch li{padding:0 14px;}
}

@media (min-width:860px){
.fullscreen .fotorama__stage,.fullscreen .fotorama__nav{max-width:90%;}
.fullscreen .fotorama__stage__shaft{width:100% !important;}
}

@media (min-width:1024px){
.fullscreen .fotorama__stage,.fullscreen .fotorama__nav{max-width:940px;}
.fullscreen .fotorama__stage__shaft{width:100% !important;}
.fullscreen .fotorama__img{max-width:100% !important;max-height:100% !important;}
}

@media (min-width:1064px){
 .container{width:1024px;}
 #hero-stage .owl-item img{min-height:400px;max-height:400px;}
 #hero-text{margin:0;max-width:800px;font-size:24px;font-size:2.4rem;line-height:1.5;}
 .home #hero-text{font-size:42px;font-size:4.2rem;max-width:100%;line-height:1.3;}
 #hero-wrap{text-align:left;display:flex;justify-content:space-between;}
 .home #hero-wrap{display:block;}
 #hero-button{align-self:center;min-width:190px;}
 .home #hero-button{margin-top:30px;}
 /*.db-button,#hero-button{padding:12px 24px 12px 24px;font-size:20px;font-size:2.0rem;}*/
 header{text-align:left;padding:16px 0 20px 0;}
 #designbite-logo{top:2px;float:left;text-align:left;}
 #nav-icon{display:none;}
 #navigation{position:relative;top:0px;display:block !important;float:right;margin:0 26px 0 0;text-align:left;max-width:800px;}
 #navigation ul{margin:0;}
 #navigation li{display:inline-block;}
 #navigation li a{padding:7px;background:0;font-size:11px;}
 #social{position:relative;float:right;top:9px;}
 #blog-content{float:left;width:672px;}
 #blog-sidebar{float:left;width:320px;margin:0 0 0 32px;}
 #single-service-left{float:left;width:227px;margin:0;}
 #single-service-right{float:left;width:765px;margin:0 0 0 32px;}
 #single-service-text{margin:-6px 0 22px 0;}
 #project-left{float:left;width:672px;margin:0 32px 0 0;}
 #project-left .fotorama{margin:0 0 25px 0;}
 #project-right{float:left;width:320px;margin-top:-3px;}
 #services-wrap{width:800px;}
 /*.work-switch{position:absolute;right:0;top:16px;z-index:2;}*/
 .work-switch ul{padding-right:0;}
 .work-switch li{font-size:11px;}
 .page-template-page-work .after-grid-spacer{margin:35px 0 42px 0;}
 .after-grid-spacer .work-switch{top:-31px;margin-top:-13px;}
 #menu-header-navigation{position:relative;}
 #menu-header-navigation ul{display:none;position:absolute;left:10px;}
 #menu-header-navigation li ul{display:none;width:176px;background:#fff;z-index:3;font-size:11px;}
 #menu-header-navigation li:hover > ul{display:block;}
 .no-click > a:hover{cursor:default;}
 #menu-header-navigation li ul a{padding:15px 21px;}
 #menu-header-navigation li ul li{display:block;}
 .page-template-page-services #menu-header-navigation .sub-menu .current-menu-item a{color:#4a4a4a;}
 .page-template-page-services #menu-header-navigation .sub-menu .current-menu-item a:hover{color:#dfae00;}
 #menu-header-navigation li ul li ul{text-transform:none;left:176px;top:0;border-left:1px solid #f2f3f8;}
 #menu-header-navigation li ul li ul:after{content:'';position:absolute;background:transparent;width:175px;height:100px;}
 #menu-header-navigation li:hover ul li:hover ul{display:block;}
 #menu-header-navigation li ul li ul li + li{border:0;}
 #menu-header-navigation li ul li ul li:first-child a{padding:15px 10px 10px 21px;}
 #menu-header-navigation li ul li ul li a{padding:0 10px 10px 21px;}
 #menu-header-navigation li ul li ul li:last-child a{padding:0 10px 15px 21px;}
 .fotorama__arr{width:29px;}
 #footer-right nav{margin:0 0 0 158px;font-size:11px;}
}

@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution: 144dpi){ 
 
}