/* Theme Name: Origin vs Juuce Theme URI: http://www.elegantthemes.com/gallery/ Version: 2.2 Description: 2 Column theme from Elegant Themes Author: Elegant Themes Author URI: http://www.elegantthemes.com */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ /*------------------------------------------------*/ /*-----------------[INFO]------------------------*/ /*------------------------------------------------*/ /* Juuce color green for hover or headlines: #adb81f */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } /*------------------------------------------------*/ /*-----------------[FONTS]-----------------*/ /*------------------------------------------------*/ /* @font-face { font-family: 'MetaPlusNormal-Roman'; src: url('fonts/MetaPluNorRom.woff') format('woff'), url('fonts/MetaPluNorRom.svg#MetaPlusNormal-Roman') format('svg'); } */ /* font face */ @font-face{ font-family: 'MetaPlusNormal-Roman'; src: url('fonts/MetaPluNorRom.eot'); src: url('fonts/MetaPluNorRom.eot?#iefix') format('embedded-opentype'), url('fonts/MetaPluNorRom.woff') format('woff'), url('fonts/MetaPlusBook-Roman.ttf') format('truetype'), url('fonts/MetaPluNorRom.svg#MetaPlusNormal-Roman') format('svg'); } @font-face { font-family: 'metaplusboldroman'; src: url('fonts/metaplusbold-roman-webfont.eot'); src: url('fonts/metaplusbold-roman-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/metaplusbold-roman-webfont.woff') format('woff'), url('fonts/metaplusbold-roman-webfont.ttf') format('truetype'), url('fonts/metaplusbold-roman-webfont.svg#metaplusboldroman') format('svg'); font-weight: normal; font-style: normal; } /* font face */ @font-face{ font-family: 'WebSymbolsRegular'; src: url('fonts/websymbols-regular-webfont.eot'); src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/websymbols-regular-webfont.woff') format('woff'), url('fonts/websymbols-regular-webfont.ttf') format('truetype'), url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); } @font-face { font-family: 'GoudySansStd-MediumItalic'; src: url('fonts/GoudySansStd-MediumItalic.eot'); } @font-face { font-family: 'GoudySansStd-MediumItalic'; src: url('fonts/GoudySansStd-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/GoudySansStd-MediumItalic.woff') format('woff'), url('fonts/GoudySansStd-MediumItalic.ttf') format('truetype'), url('fonts/GoudySansStd-MediumItalic.svg#GoudySansStd-MediumItalic') format('svg'); } @font-face { font-family: 'GoudySansStd-BoldItalic'; src: url('fonts/GoudySansStd-BoldItalic.eot'); } @font-face { font-family: 'GoudySansStd-BoldItalic'; src: url('fonts/GoudySansStd-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/GoudySansStd-BoldItalic.woff') format('woff'), url('fonts/GoudySansStd-BoldItalic.ttf') format('truetype'), url('fonts/GoudySansStd-BoldItalic.svg#GoudySansStd-BoldItalic') format('svg'); } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; } body { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #464646; background-color: #fff; overflow-x: hidden;} /*body.home, body.page-template-page-contact-j-php, body.page-template-page-contact-thanks-php { background: url(images/background-texture_grey_optimised.jpg) left top repeat; }*/ a { text-decoration: none; color: rgba(190, 205, 43, 1); } a:hover, a:focus, a:active { text-decoration: none; color: rgba(190, 205, 43, .7); } body.single #main a, body.page #main a { color: #becd2b; } body.single #info-area, body.page #info-area { color: #fff; } body.single #main h1, body.single #main h2, body.single #main h3, body.single #main h4, body.single #main h5, body.single #main h6, body.page #main h1, body.page #main h2, body.page #main h3, body.page #main h4, body.page #main h5, body.page #main h6, body.error404 #main h1, body.error404 #main h2, body.error404 #main h3, body.error404 #main h4, body.error404 #main h5, body.error404 #main h6 { /*color: #494b4b;*/ color: #adb81f; } body.single #main h1 { padding-bottom: 43px; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3 { padding-bottom: 12px; /*color: #fff;*/ color: #adb81f; line-height: 1em; font-weight: normal; letter-spacing: -1px; font-family: 'GoudySansStd-BoldItalic'; } h4, h5, h6 { padding-bottom: 12px; color: #adb81f; line-height: 1em; font-weight: bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h2, h3, h4 { /*font-weight: bold;*/ } h1 { font-size: 30px; } h2 { font-size: 33px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h1.t-he { padding: 35px 0 35px 35px; font-size: 45px; } p { padding-bottom: 10px; line-height: 24px; } strong { font-weight: bold; /*color: #1c1c1c;*/ } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } input[type=text], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text], input.text, input.title, textarea, select { /*margin:0.5em 0;*/ } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .textwidget p { font-size: 12px; line-height: 16px; color: #666; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } #info-bg { position: absolute; top: 0; bottom: 0; z-index: 3; -webkit-box-shadow: inset 0 0 73px rgba(0, 0, 0, 0.15), 4px 0 4px rgba(0,0,0,0.08); -moz-box-shadow: inset 0 0 73px rgba(0, 0, 0, 0.15), 4px 0 4px rgba(0,0,0,0.08); box-shadow: inset 0 0 73px rgba(0, 0, 0, 0.15), 4px 0 4px rgba(0,0,0,0.08); } #info-bg, #main-wrap:before { background: #303030!important; } #main-wrap:before { content: ''; top: 0; left: 0; position: absolute; height: 100%; } #info-area, #info-bg, #main-wrap:before { width: 280px; border-right: 1px solid #50a09f; } #info-area { float: left; position: relative; /*padding-top: 64px;*/ z-index: 4; } #logo-area { text-align: center; /*margin-bottom: 42px;*/ padding-bottom: 42px; padding-top: 64px; /*background: url(images/logo-underlay.jpg) left top no-repeat;*/ background: url(images/logo-underlay-xl.jpg) left top no-repeat; } .entry-image .readmore { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.1); width: 42px; height: 42px; background: #fff; text-indent: -9999px; position: relative; display: inline-block; overflow: hidden; } .entry-image .readmore span { position: absolute; top: 9px; left: 9px; background: url(images/zoom.png) no-repeat; width: 23px; height: 24px; display: block; } @-webkit-keyframes bounceIn { 0% { -webkit-transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { -moz-transform: scale(1); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { -o-transform: scale(1); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } 100% { transform: scale(1); } } @-webkit-keyframes bounceIn_custom { 0% { opacity:0; -webkit-transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn_custom { 0% { opacity:0; -moz-transform: scale(1); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn_custom { 0% { opacity:0; -o-transform: scale(1); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes bounceIn_custom { 0% { opacity:0; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } 100% { transform: scale(1); } } #main-wrap { height: auto; min-height: 100%; position: relative; } #main { margin-left: 281px; height: 100%; position: relative; z-index: 2; } #wrapper { float: left; width: 100%; } .entry-image { float: left; width: 25%; position: relative; color: #fff; } .entry-image img { display: block; width: 100%; } .image-info, #top-menu .link_bg, #info-bg, #info-area { -webkit-transform: translate3d(0,0,0); } .image-info { /*background: #ff9600; background: rgba( 255,150,0,0.95 );*/ background: #adb81f; background: rgba( 173,184,30,0.95 ); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); text-shadow: 1px 1px 0 rgba(0,0,0,0.1); text-align: center; z-index: 10; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .image-info .title { padding: 45px 7px 8px; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); } .image-info .description { padding: 11px 40px; } .image-info a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; } .image-info .title h2 { color: white; } .image-info .meta-info { display: none; } .entry-image:hover img, .entry-image.et_hover img { -webkit-animation: bounceIn 0.4s ease-in-out; -moz-animation: bounceIn 0.4s ease-in-out; -ms-animation: bounceIn 0.4s ease-in-out; -o-animation: bounceIn 0.4s ease-in-out; animation: bounceIn 0.4s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .entry-image:hover .image-info, .entry-image.et_hover .image-info { -webkit-animation: bounceIn_custom 0.4s ease-in-out; -moz-animation: bounceIn_custom 0.4s ease-in-out; -o-animation: bounceIn_custom 0.4s ease-in-out; -ms-animation: bounceIn_custom 0.4s ease-in-out; animation: bounceIn_custom 0.4s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #main-content { width: 620px; margin-left: 60px; padding-bottom: 60px; } .page-id-3862 #main-content { width: auto; } .entry-content { position: relative; /*padding-top: 60px;*/ padding-top: 44px; } .main-title { color: #4a4b4b; background: #fff; padding: 43px 60px 0; position: absolute; top: -130px; left: -60px; } .et-no-big-image .main-title { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; position: relative; top: 0; left: 0; margin-bottom: 20px; } .main-title h1, h1#comments, h3#reply-title { font-size: 48px; /*font-weight: 900; letter-spacing: -2px;*/ } .main-title p { font-size: 12px; display: none; } body.single #main .meta-info a, body.page #main .meta-info a { color: #4a4b4b; } body.single #main .meta-info a:hover, body.page #main .meta-info a:hover { color: #111; text-decoration: none; } .post-thumbnail { position: relative; margin-bottom: 52px; } .post-thumbnail img { display: block; } .post-thumbnail:before { /*content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); box-shadow: inset 0 0 7px rgba(0,0,0,0.35);*/ } .entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } #main-footer { /*border-top: 1px solid #f3f3f3;*/ padding: 45px 0 35px 60px; color: #494b4b; } #copyright a { font-weight: 900; color: #494b4b !important; } #copyright a:hover { color: #111 !important; text-decoration: none; } #big_thumbnail { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 240px; background-repeat: no-repeat; } .entry-image:hover { z-index: 11; } .image-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -9999px; } body.page .main-title { padding-bottom: 20px; top: -116px; } #infscr-loading { position: fixed; top: 45%; left: 45%; background: #fff; padding: 20px; z-index: 1000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #main-footer, #main-footer a { font-size: 11px; font-weight: normal; } #menu-footer li { display: inline-block; padding-right: 10px; padding-bottom: 10px; } /*.page-template-page-contact-j-php #main-footer, .page-template-page-contact-thanks-php #main-footer { border-top-color: #828C29; }*/ /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ #top-menu { border-top: 1px solid #5ea5a4; background: #2E2E2E; } #top-menu a, #mobile-nav { display: block; text-align: left; padding: 12px 5px 10px 40px; border-bottom: 1px solid #5ea5a4; position: relative; } #mobile-nav {font-family: 'GoudySansStd-BoldItalic'; font-size: 25px; text-align: center; padding: 12px 5px 10px 5px; } #top-menu .link_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: scale(0,1); -webkit-transform: scale(0,1); transform: scale(0,1); -moz-transition: all 0.13s ease-in-out; -webkit-transition: all 0.13s ease-in-out; transition: all 0.13s ease-in-out; } #top-menu .link_text { z-index: 2; position: relative; font-family: 'GoudySansStd-BoldItalic'; font-size: 25px; } #top-menu .sub-menu .link_text { font-size: 20px; } .link_text span, #mobile-nav span { padding-left: 10px; } #top-menu a:hover { text-decoration: none; color: #f5f5f5; color: rgba(255,255,255,0.9); } #top-menu a:hover .link_bg { background: #fff; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); } #top-menu ul ul a:hover .link_bg { background: #f8f8f8; } .current-menu-item > a, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav { background: black!important; } #top-menu .current-menu-item > a:hover, #top-menu .current-menu-item > a:hover .link_bg { background: #fff; } #top-menu a:hover .link_text, .current-menu-item > a, #top-menu .current-menu-item > a:hover, #top-menu .current-menu-item > a:hover .link_bg, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav { /*color: #6ab3b2;*/ color: #adb81f!important; } .et_active_dropdown > li a { color: #868e0b!important; } #top-menu .current-menu-ancestor > a, #top-menu .current-menu-item > a { color: #fff!important; } #top-menu .et_active_dropdown > li.current-menu-item a { background: #8E8E8E!important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #8E8E8E 5%, #444444 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#8E8E8E), color-stop(100%,#444444))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8E8E8E 5%,#444444 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8E8E8E 5%,#444444 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8E8E8E 5%,#444444 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, #8E8E8E 5%,#444444 100%)!important; /* W3C */ } #top-menu .et_active_dropdown > li.current-menu-item a { background: silver!important; } #top-menu ul ul > li li a { background: url(images/arrow.png) 58px 6px no-repeat!important; padding: 6px 5px 5px 80px!important; color: #c5cd58!important; } #top-menu ul ul > li li li a { background: url(images/arrow.png) 55px 6px no-repeat!important; padding: 6px 5px 5px 75px!important; color: #c5cd58!important; } #top-menu ul ul > li li.current-menu-item a, #top-menu ul ul li li.current-menu-ancestor > a { background-position: 38px 0px !important; } #top-menu ul ul > li li .link_text { font-size: 14px!important; } #top-menu > ul ul { display: none; } #top-menu .et_active_dropdown > li a, #top-menu .et_clicked { border-bottom: 1px solid #efefef; } #top-menu ul ul > li a { padding-left: 60px; } #mobile-nav { display: none; border-bottom: none; cursor: pointer; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { margin-top: 95px; } .comment-body { position: relative; padding-left: 82px; margin: 0 0 30px; } .comment_avatar { position: absolute; top: 2px; left: 0; } .comment_avatar img { display: block; } .comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); } .comment_postinfo { font-size: 18px; margin-bottom: 10px; } span.fn, body.single #main span.fn a, body.page #main span.fn a { text-decoration: none; color: #555e58; font-weight: 800; letter-spacing: -1px; } body.single #main span.fn a:hover, body.page #main span.fn a:hover { color: #111; } .comment_date { color: #c5c5c5; font-weight: 300; margin-left: 3px; } body.single #main .comment-reply-link, body.page #main .comment-reply-link, #commentform #submit { float: right; text-decoration: none; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(246,246,246,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* W3C */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #464646; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #ffffff; font-size: 14px; } body.single #main .comment-reply-link:hover, body.page #main .comment-reply-link:hover { text-decoration: none; color: #111; } h1#comments { margin-bottom: 50px; } #respond { margin-top: 60px; } .comment ul { margin-left: 82px; } #reply-title { margin-bottom: 10px; } #commentform input[type="text"] { width: 40%; } #commentform textarea { width: 89%; } #commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); } #reply-title small { display: block; font-size: 13px; padding-top: 5px; font-weight: normal; letter-spacing: 0; } .form-submit { text-align: right; } .form-submit input { font-size: 14px; float: none; } .comment #respond, #trackbacks { margin-bottom: 30px; } #commentform #submit { float: none; } .form-submit { text-align: right; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { color: #fff; } .widget { padding: 35px 10px 0 42px; position: relative; border-bottom: 1px solid #5ea5a4; line-height: 22px; } .widgettitle, .widget h4 { /*font-weight: 900;*/ font-size: 25px; padding-bottom: 7px; } .widget li { background: url(images/widget_bullet.png) no-repeat left center; padding: 5px 0 5px 11px; } .widget li:hover { background-image: url(images/widget_bullet_hover.png); } .widget li ul { margin-left: 11px; } .widget a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; } .widget.widget-seotext p { color: #666; font-size: 12px; line-height: 14px; } .widget .addthis_toolbox { display: none; } ul.contact-info { font-family: 'MetaPlusNormal-Roman'; font-size: 23px; padding-bottom: 13px; padding-left: 0; } ul.contact-info li { background: none; padding: 0; padding-left: 40px; padding-bottom: 20px; list-style: none; } ul.contact-info li:hover { background: none; } ul li.phone, ul li.phone:hover { background: url(images/phone-icon.png) left top no-repeat; } ul li.address, ul li.address:hover { background: url(images/address-icon.png) left top no-repeat; } ul li.emaila, ul li.emaila:hover { background: url(images/email-icon.png) left top no-repeat; } #sidebar img { display: block; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .page-nav { margin: 20px 0 40px; } .pagination { display: none; } body.page .pagination { display: block; } .et_embedded_videos { display: none !important; } .et_pt_blogentry a.readmore { color: #282828 !important; } .et_pt_blogentry a.readmore:hover { color: #111 !important; text-decoration: none; } .et_portfolio_small .et_pt_portfolio_item:nth-child(3n+1) { clear: both; } #ie8 img { width: auto; } /* --------- new contact page ----------- */ .con-header { position: relative; min-height: 450px; padding-top: 0; } #main-content .con-header img { border: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .con-header .talk { /*position: absolute; max-width: 50%;*/ display: none; } .con-header .gegcko { position: absolute; bottom: 0; right: 0; } .file { display: none!important; } .page-template-page-contact-j-php { background: url(images/background-texture_grey_optimised.jpg); } .page-template-page-contact-j-php .addthis_toolbox { display: none; } .page-template-page-contact-j-php .main-title { display: none; } .page-template-page-contact-j-php #big_thumbnail { display: none; } .bubble { width: 235px; height: 168px; overflow: hidden; float: left; cursor: pointer; } .bubble-one { background: url(images/bubbles/bubble-2.png) left top no-repeat; } .bubble-two { background: url(images/bubbles/bubble-1.png) left top no-repeat; } .bubble-three { background: url(images/bubbles/bubble-3.png) left top no-repeat; } .bubble:hover { background-position: 0px -168px; } .cf-one-part-1 .wpcf7-list-item-label, .cf-two-part-1 .wpcf7-list-item-label, .cf-one-part-1-1 .wpcf7-list-item-label, .cf-one-part-1-2 .wpcf7-list-item-label, .cf-one-part-1-3 .wpcf7-list-item-label { color: white; } .cf-one-part-1 input[type="radio"], .cf-two-part-1 input[type="radio"], .cf-one-part-1-1 input[type="radio"], .cf-one-part-1-2 input[type="radio"], .cf-one-part-1-3 input[type="radio"] { opacity: 0; position: absolute; left: -9999px; } .cf-one-part-1 .wpcf7-list-item, .cf-two-part-1 .wpcf7-list-item, .cf-one-part-1-1 .wpcf7-list-item, .cf-one-part-1-2 .wpcf7-list-item, .cf-one-part-1-3 .wpcf7-list-item { display: block; } .cf-one-part-1 .wpcf7-list-item-label:hover, .cf-two-part-1 .wpcf7-list-item-label:hover, .cf-one-part-1-1 .wpcf7-list-item-label:hover, .cf-one-part-1-2 .wpcf7-list-item-label:hover, .cf-one-part-1-3 .wpcf7-list-item-label:hover { color: #a9b31e; cursor: pointer; } .bubbles, .cf-one-part-2, .wpcf7-form { position: relative; } .bubble-one, .bubble-two { float: left; } .bubble-two { margin-left: 70px; } .bubble-three { float: right; } .cf-one-part-1, .cf-two-part-1, .cf-two-one-1-1, .cf-one-part-1-2, .cf-one-part-1-3 { font-family: 'MetaPlusNormal-Roman'; } .cf-one-part-1 h2, .cf-two-part-1 h2, .cf-one-part-1-1 h2, .cf-one-part-1-2 h2, .cf-one-part-1-3 h2 { font-size: 50px; color: #aeb81f; font-family: 'MetaPlusNormal-Roman'; width: auto; float: none; } .cf-one-part-1 .wpcf7-list-item, .cf-two-part-1 .wpcf7-list-item, .cf-one-part-1-1 .wpcf7-list-item, .cf-one-part-1-2 .wpcf7-list-item, .cf-one-part-1-3 .wpcf7-list-item { font-family: 'MetaPlusNormal-Roman'; font-size: 30px; padding-top: 10px; padding-bottom: 10px!important; } .cf-one-part-1 p .wpcf7-list-item, .cf-two-part-1 p .wpcf7-list-item, .cf-one-part-1-1 p .wpcf7-list-item, .cf-one-part-1-2 p .wpcf7-list-item, .cf-one-part-1-3 p .wpcf7-list-item { margin-bottom: 25px; } .bubble-one-form, .bubble-two-form, .bubble-three-form { min-height: 400px; } .bubble-two-form input[type="text"], .bubble-two-form input[type="email"], .bubble-two-form input[type="tel"], .contactPopup input { display: block; width: 100%; padding: 5px 15px; border: 3px solid white; background: none; font-family: 'MetaPlusNormal-Roman'; font-size: 22px; color: white; margin-bottom: 0; height: auto; line-height: 1.2em; border-radius: 0px; -webkit-border-radius: 0px; } .contactPopup input[type='radio'], .contactPopup input[type='checkbox'] { width: auto; } .contactPopup input { font-size: 16px; padding: 5px 10px; margin-bottom: 5px; } .page-id-3862 textarea { margin-bottom: 12px; } .bubble-two-form textarea, .contactPopup textarea { display: block; width: 100%; padding: 15px; border: 3px solid white; border-radius: 0px; -webkit-border-radius: 0px; background: none; font-family: 'MetaPlusNormal-Roman'; font-size: 22px; color: white; min-height: 320px; } .contactPopup textarea { padding: 10px; font-size: 16px; min-height: 100px; margin-bottom: 5px; } span.wpcf7-form-control-wrap.mc-subscribe { margin-bottom: 15px; display: block; line-height: 1.6em; } .checkbox label { color: white; } .checkbox input[type=checkbox] { margin-top: 1px; } .bubble-three-form textarea { background: url(images/form/message-area-right.png) left top no-repeat; border: none; width: 269px; height: 196px; font-family: 'MetaPlusNormal-Roman'; font-size: 22px; color: white; padding: 10px; padding-top: 60px; } .bubble-one-form h2, .bubble-two-form h2, .bubble-three-form h2 { font-size: 50px; color: #becd2b!important; font-family: 'MetaPlusNormal-Roman'!important; } .bubble-one-form .ajax-loader, .bubble-two-form .ajax-loader, .bubble-three-form .ajax-loader { position: absolute; top: 260px; left: 0; border: none!important; } div.wpcf7 img.ajax-loader { margin-left: 15px; border: none!important; margin-left: auto; display: block; margin-top: 10px } .bubble-three-form .ajax-loader { top: 441px; } .bubble-two-form .ajax-loader { top: 300px; } .bubble-two-form .upload-file { position: relative; height: 10px; color: white; } .bubble-two-form .upload-file .upload-pos { position: absolute; left: 360px; top: 200px; } .bubble-two-form .upload-file .upl-headline { display: block; } .cf-two-part-1 .radioBTNs { border-left: 3px solid #a9b31e; padding-top: 70px; } .cf-two-part-1 .clickBelow { color: white; font-size: 1.4em; padding-left: 35px; margin-bottom: 20px; position: relative; } .cf-two-part-1 .clickHand { border: none!important; position: absolute; max-width: 30px; left: 0; top: -3px; } .contact-top h2 { font-size: 50px; color: #aeb81f !important; font-family: 'MetaPlusNormal-Roman'!important; } .form-control::-webkit-input-placeholder { color: white; } .form-control:-moz-placeholder { /* Firefox 18- */ color: white; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: white; } .form-control:-ms-input-placeholder { color: white; } .caldera-grid .has-error .form-control { color: #468847!important; background-color: transparent!important; } input.form-control.parsley-success, select.form-control.parsley-success, textarea.form-control.parsley-success { color: white!important; background-color: transparent!important; border-color: white!important; } .caldera-grid .alert-success { background-color: #acb52d!important; border: none!important; color: white!important; } .cf-one-part-2 p, .cf-two-part-2 p, .cf-three-part-1 p { margin-bottom: 0!important; position: relative; } span.wpcf7-form-control-wrap { color: white; } .wpcf7-form-control.wpcf7-submit, .page-template-page-sins-php .deadSection .submit input, .defaultButton { background: none; border: none; font-size: 20px; padding: 7px 10px; width: 162px; color: white; font-family: 'MetaPlusNormal-Roman'; margin-bottom: 25px; border-radius: 0px; -webkit-border-radius: 0px; display: block; text-align: center; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); color: black; cursor: pointer; border-radius: 6px; -webkit-border-radius: 6px; background: #becd2b; /* Old browsers */ -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; } .wpcf7-form-control.wpcf7-submit:hover, .page-template-page-sins-php .deadSection .submit input:hover, .defaultButton:hover { background: white; } .wpcf7-form-control.wpcf7-submit:hover { top: 251px; left: 361px; } .bubble-three-form .wpcf7-form-control.wpcf7-submit:hover { top: 431px; left: 361px; } .bubble-two-form .wpcf7-form-control.wpcf7-submit:hover { left: 361px; top: 321px; } .city_manly { /*padding-top: 100px;*/ } .city_manly img { display: block; margin-bottom: 45px; width: 100%; border: none!important; } .contact-top .widget-contact { padding-left: 0; } .contact-top .cPageh h1 { text-align: left; font-weight: normal; } .form-control:focus, .bubble-two-form input.form-control:focus { border-color: #bece24; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6) } /* --- re brand consultation page - using contact template --- */ .contact-top p { color: white; } .contact-top ul > li { color: white; } .RBCFwrapper input[type="text"], .RBCFwrapper input[type="email"], .RBCFwrapper input[type="tel"], .RBCFwrapper select, .RBCFwrapper textarea { display: block; width: calc(100%); padding: 15px; border: 3px solid white; background: none; min-height: 63px; font-family: 'MetaPlusNormal-Roman'; font-size: 22px; color: white; line-height: 1em; border-radius: 0px; -webkit-border-radius: 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .RBCFwrapper select, .RBCFwrapper .RB-budget input { min-height: 50px; } .RBCFwrapper select option { background: #3e3e3e; } .RBCFwrapper input[type="text"]:focus, .RBCFwrapper input[type="email"]:focus, .RBCFwrapper input[type="tel"]:focus, .RBCFwrapper select:focus, .RBCFwrapper textarea:focus { border: 3px solid #aeb62e; } .RBCFrow, .RBCFwrapper .row { margin-bottom: 20px; } .RBCFwrapper label { display: block; color: white; font-size: 1em; margin-bottom: 0; position: relative; bottom: 6px; } .rbcf-toggle { display: none; } .RBCFwrapper .wpcf7-form-control.wpcf7-submit { margin-left: auto; margin-top: 15px; } .RBCFwrapper input::-webkit-input-placeholder, .RBCFwrapper textarea::-webkit-input-placeholder, .RBCFwrapper select::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); line-height: 1.2em; } .RBCFwrapper input:-moz-placeholder, .RBCFwrapper textarea:-moz-placeholder, .RBCFwrapper select:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.5); line-height: 1.2em; } .RBCFwrapper input::-moz-placeholder, .RBCFwrapper textarea::-moz-placeholder, .RBCFwrapper select::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.5); line-height: 1.2em; } .RBCFwrapper input:-ms-input-placeholder, .RBCFwrapper textarea:-ms-input-placeholder, .RBCFwrapper select:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); line-height: 1.2em; } .RBCFwrapper span.wpcf7-not-valid-tip { background:red; padding: 10px; /* margin-top: -50px; margin-left: 10px;*/ font-weight: bold; color: white; min-width: 250px; } .RBCFwrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 15px; background: url(images/form/select-arrows.svg) right 15px center no-repeat; background-size: 10px auto; } .RBCFwrapper .RB-budget input { padding: 8px 15px; } .RBCFwrapper .business-size { background: #474747; } .RBCFwrapper textarea { min-height: 250px; } /*img.ajax-loader { display: none; }*/ /* --- background for category pages --- */ body.category { background: url(images/background-texture_grey_optimised.jpg); } /* * Placeholders consistency * */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: white; } input:-moz-placeholder, textarea:-moz-placeholder { color: white; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: white; } input::-ms-clear { height: 0; width: 0; } .bubble-one-form br, .bubble-two-form br, .bubble-three-form br { display: none; } /* --- contact form response message --- */ div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { border: none; background: white; padding: 15px; position: absolute; color: green; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); } div.wpcf7-mail-sent-ok { margin: auto; text-align: center; background: green; color: white; position: static; font-weight: bold; } div.wpcf7-validation-errors { margin: auto; text-align: center; background: red; color: white; position: static; font-weight: bold; } span.wpcf7-not-valid-tip { left: 0; border: none; margin-bottom: 10px; } .bubble-three-form span.wpcf7-not-valid-tip { top: 12%; } .bubble-two-form span.wpcf7-not-valid-tip { top: 12%; } .bubble-one-form div.wpcf7-mail-sent-ok, .bubble-one-form div.wpcf7-validation-errors { left: 355px; top: 250px; max-width: 250px; } .bubble-one-form div.wpcf7-validation-errors { color: red; } .bubble-three-form div.wpcf7-mail-sent-ok, .bubble-three-form div.wpcf7-validation-errors { left: 355px; top: 430px; max-width: 250px; } .bubble-three-form div.wpcf7-validation-errors { color: red; } .bubble-two-form div.wpcf7-mail-sent-ok, .bubble-two-form div.wpcf7-validation-errors { left: 0; top: 0; max-width: auto; position: relative; } .bubble-three-form div.wpcf7-validation-errors { color: red; } .contact-words { /*width: 355px;*/ color: #aeb81f; font-family: 'GoudySansStd-BoldItalic'; font-size: 38px; padding-top: 170px; } body.page-template-page-contact-thanks-php .addthis_toolbox { display: none; } .entry-content .addthis_toolbox { padding-top: 25px; margin: 0!important; } .random-projects { padding-top: 65px; } .random-projects a { display: inline-block; margin-left: 10px; } .random-projects a:first-child { margin-left: 0; } #logo-area a { display: block; -webkit-animation: btnWiggle 5s infinite; -moz-animation: btnWiggle 5s infinite; -o-animation: btnWiggle 5s infinite; animation: btnWiggle 5s infinite; } #logo-area a:hover { animation-name:btnWiggle; -webkit-animation-name:btnWiggle; /* Safari and Chrome */ animation-play-state:paused; -webkit-animation-play-state:paused; } #logo { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } #logo:hover { transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); /* IE 9 */ -webkit-transform:scale(1.1,1.1); } /* Safari and Chrome */ .widget-seotext.cont-wid { text-indent: -9999px; } .page-template-page-blog-php .addthis_toolbox { display: none; } #breadcrumbs { font-size: 12px; position: relative; } #main-content .talk-button img { border: none; -webkit-box-shadow: 0px; box-shadow: none; -webkit-border-radius: 0px; border-radius: 0px; } .c-m-buttons { display: none; } /* WHY section */ .why .aa { width: 400px; height: 280px; display: inline-block; vertical-align: top; } .why .a1, .why .a4, .why .a5 { background-color: #e2eabd; } .why .a2, .why .a3, .why .a6 { background-color: #d3dbaf; } .aa_talent { background: url(images/why/real-talent.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x; } .aa_package { background: url(images/why/full-package.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x, url(images/why/line-vertical.png) left top repeat-y; } .aa_experience { background: url(images/why/value.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x; } .aa_innovation { background: url(images/why/custom-innovation.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x, url(images/why/line-vertical.png) left top repeat-y; } .yesterday { background: url(images/why/yesterday.png) center center no-repeat; } .value { background: url(images/why/great-work.png) center center no-repeat, url(images/why/line-vertical.png) left top repeat-y; } .head-why { background: #b7c52b; width: 800px; margin-bottom: 5px; text-align: center; padding: 25px 25px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; font-size: 0; vertical-align: top; } .head-why h2 { color: white!important; font-size: 40px; font-family: 'GoudySansStd-BoldItalic'; } .head-why p { color: #444; font-size: 18px; font-family: 'MetaPlusNormal-Roman'; line-height: 18px; margin-bottom: 0!important; padding-bottom: 10px; } .why .a5 { -webkit-border-radius: 0px 0px 0px 15px; border-radius: 0px 0px 0px 15px; } .why .a6 { -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px; } .why .aa h3 { color: #58595b; padding-left: 25px; } .why .aa p { width: 380px; padding-left: 150px; padding-top: 15px; font-size: 14px; line-height: 21px; } /* ---- HOMEPAGE SECTION --- */ .hpDescWrap { width: 100% } .hpWR { width: 80%; margin-left: 10%; } .hpDesc.hpDL { width: 50%; color: white; float: left; padding-top: 45px; } .hpDesc.hpDR { width: 50%; color: white; float: right; padding-top: 45px; } .hpDesc ul { line-height: 24px; margin-bottom: 25px; } .hpDesc ul li { padding-left: 25px; background: url(images/homepage/homepage-list-dot.gif) 7px 7px no-repeat; } .hpDesc .hpB { display: block; background: #becd2b; width: 175px; height: 44px; text-align: center; padding-top: 13px; color: black; text-decoration: none; position: relative; left: 0; border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 25px; font-family: 'MetaPlusNormal-Roman'; font-size:1.3em; line-height: 1em; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; } .hpDesc .hpB:hover, .hpDesc .hpB:focus, .hpDesc .hpB:active { color: black; background: white; text-decoration: none; left: 5px; } .hpDesc p { padding-bottom: 25px; } /* --- TAG CLOUD --- */ .TagCloud { padding-top: 65px; } .TagCloud li, .TagCloud ul { list-style: none; padding-left: 0; } /* -- SITEMAP --- */ .page-id-7410 .addthis_toolbox { display: none; } .plus { position: absolute; margin: 130px 0 0 100px; } /* -- GRAY BACKGROUND FIX POS --- */ .fixPos { position: fixed; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: url(images/background-texture_grey_optimised.jpg) left top repeat; } /* -- stage -- */ .page-template-page-stage-php #main-content { padding-top: 70px; } .page-template-page-stage-php #main-content h1 { color: white!important; font-size: 65px; border-bottom: 3px solid #aeb81f; } .page-template-page-stage-php .stages span { display: inline-block; width: 45px; height: 44px; background: url(images/stage/Juuce-Stage-Process.gif) left top no-repeat; } .page-template-page-stage-php .stages span.two { background-position: -53px 0px ; } .page-template-page-stage-php .stages span.three { background-position: -105px 0px ; } .page-template-page-stage-php .stages span.four { background-position: -159px 0px; } .page-template-page-stage-php .stages span.one.selected { background-position: 0px -44px; } .page-template-page-stage-php .stages span.two.selected { background-position: -53px -44px; } .page-template-page-stage-php .stages span.three.selected { background-position: -105px -44px; } .page-template-page-stage-php .stages span.four.selected { background-position: -159px -44px; } .page-template-page-stage-php .stages { padding-bottom: 20px; } .page-template-page-stage-php .intro { padding-top: 25px; border-bottom: 3px solid #aeb81f; } .page-template-page-stage-php .intro h2 { font-family: 'metaplusboldroman', Arial; color: #aeb81f!important; font-size: 35px; } .page-template-page-stage-php .intro p, .page-template-page-stage-php #main .form h3 { font-family: 'metaplusboldroman', Arial; color: white; font-size: 25px; font-weight: 400; } .page-template-page-stage-php #main .form h3 { padding-bottom: 30px; } .page-template-page-stage-php .wpcf7-form-control.wpcf7-submit { position: static; } .page-template-page-stage-php .form { color: white; padding: 45px; } .page-template-page-stage-php .form p { font-size: 18px; margin-bottom: 0!important; } .page-template-page-stage-php .wpcf7-list-item img { border: none!important; -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0)!important; box-shadow: 0px 2px 2px 1px rgba(50, 50, 50, 0)!important; -webkit-border-radius: 0px!important; border-radius: 0px!important; display: inline-block; margin-right: 45px; display: inline-block; position: absolute; left: 0px; /*float: left;*/ } .page-template-page-stage-php .checkbox { padding-left: 50px; } .page-template-page-stage-php .wpcf7-list-item-label { /*float: left;*/ display: inline-block; width: 80%; padding-bottom: 20px; } .page-template-page-stage-php .partTwo label { min-width: 15%; display: inline-block; } .page-template-page-stage-php .partTwo p { padding-bottom: 10px!important; } .page-template-page-stage-php .partTwo input[type='text'] { min-width: 80%; display: inline-block; font-size: 16px; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .page-template-page-stage-php .sbutton { position: relative; } .page-template-page-stage-php #main-content input[type='submit'] { padding: 15px 20px!important; width: auto; } .page-template-page-stage-php div.wpcf7 img.ajax-loader { border: none!important; vertical-align: middle; margin-left: 4px; position: absolute; right: 50%; top: 25px; } .page-template-page-stage-php .partTwo { margin-bottom: 25px; } .page-template-page-stage-php .form span.wpcf7-not-valid-tip { left: 14%!important; top: 0!important; color: red; width: 216px; text-align: center; } .page-template-page-stage-php .form .partTwo span.wpcf7-not-valid-tip { left: 1%!important; } .page-template-page-stage-php div.wpcf7-response-output { margin-top: 6em; } /* .page-template-page-contact-j-php input[type="checkbox"] { display: none; } .page-template-page-contact-j-php label > input[type="checkbox"] + span:before { cursor: pointer; content: ""; display: inline-block; width: 18px; height: 18px; background: url(images/form/csscheckbox.png) 0 0 no-repeat; float: left; position: relative; top: 3px; left: -2px; } .page-template-page-contact-j-php label > input[type="checkbox"]:checked + span:before { background-position: 0 -18px; } */ /* Deadly sins page template */ .page-template-page-sins-php .deadSection { margin-top: 85px; max-width: 802px; } .page-template-page-sins-php .deadSection a { display: block; } .page-template-page-sins-php .deadSection .downloadForm { display: none; } .page-template-page-sins-php .deadSection:after { content: ""; display: block; height: 0px; clear: both; } .page-template-page-sins-php .deadSection .wpcf7-form-control-wrap.your-company, .page-template-page-sins-php .deadSection .wpcf7-form-control-wrap.your-name, .page-template-page-sins-php .deadSection .wpcf7-form-control-wrap.your-email, .page-template-page-sins-php .deadSection .wpcf7-form-control-wrap.phone-number, .page-template-page-sins-php .deadSection .wpcf7-form-control-wrap.your-message, .page-template-page-sins-php .deadSection .wpcf7-form-control.wpcf7-submit, .page-template-page-sins-php .deadSection .wpcf7-form-control-wrap.mc-subscribe { position: static; display: block; } .page-template-page-sins-php .deadSection .submit { width: 24%; float: left; margin-left: 3%; position: relative; left: 0px!important; top: 0px!important; } .page-template-page-sins-php input[type="submit"]:hover { left: 1px!important; top: 1px!important; } .page-template-page-sins-php input[type="submit"]:active, .page-template-page-sins-php input[type="submit"]:disabled { opacity: 0.5; background: silver; top: 1px; left: 1px; } .page-template-page-sins-php .deadSection .your-email input { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } .page-template-page-sins-php .deadSection .your-name input, .page-template-page-sins-php .deadSection .your-email input { display: block; width: 100%; padding: 5px 15px; border: 3px solid black; background: none; font-family: 'MetaPlusNormal-Roman'; font-size: 22px; color: black; margin-bottom: 0; height: auto; line-height: 1.2em; border-radius: 0px; -webkit-border-radius: 0px; } .page-template-page-sins-php .deadSection .wpcf7-checkbox.allow { visibility: hidden; position: absolute; text-indent: -9999px; } .page-template-page-sins-php .deadSection .your-email input:focus, .page-template-page-sins-php .deadSection .your-name input:focus { border: 3px solid #ADB81F; } .page-template-page-sins-php .deadSection .DSformIntro { font-size: 2em; text-align: left; padding: 25px; padding-left: 0; padding-bottom: 12px; color: #ADB81F; line-height: 1em; font-weight: normal; letter-spacing: -1px; font-family: "GoudySansStd-BoldItalic"; } .page-template-page-sins-php .deadSection .clicko { cursor: pointer; } .page-template-page-sins-php .deadSection span.wpcf7-not-valid-tip { border: medium none; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .page-template-page-sins-php .deadSection ::-webkit-input-placeholder { color: gray; } .page-template-page-sins-php .deadSection :-moz-placeholder { /* Firefox 18- */ color: gray; } .page-template-page-sins-php .deadSection ::-moz-placeholder { /* Firefox 19+ */ color: gray; } .page-template-page-sins-php .deadSection :-ms-input-placeholder { color: gray; } .page-template-page-sins-php .ajax-loader { opacity: 0; } /* contact pop up everywhere except on contact page html and php in footer section */ .contactPopup { width: 400px; height: 480px; background: url(images/background-texture_grey_optimised.jpg) left top repeat; position: fixed; top: -480px; bottom: auto; right: 0; left: auto; z-index: 99; color: white; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .contactPopup.active { top: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .contactPopup .defaultButton { position: absolute; right: 0; top: -34px; } .contactPopup-innerwrapper { padding: 15px; padding-right: 40px; padding-left: 40px; } .contactPopup .timetime label { font-size: 11px; line-height: 1.4em; } .contactPopup .form-group { margin-bottom: 10px; } .contactPopup a { display: block; color: white; transition: color .5s ease-out; text-decoration: none; } .contactPopup a:hover, .contactPopup a:focus, .contactPopup a:active { color: #ADB81F; text-decoration: none; } .contactPopup #main .REBcon { line-height: 1.4em; } .page-id-3862 #main .REBcon a { line-height: 1.4em; color: white; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .page-id-3862 #main .REBcon a:hover, .page-id-3862 #main .REBcon a:focus, .page-id-3862 #main .REBcon a:active { color: #ADB81F; } /* contact pop up overlay */ .CPOverlay { position: fixed; z-index: 0; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; } .CPOverlay.active { z-index: 98; background: rgba(0, 0, 0, .75); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .navFixTop { display: none; } @media screen and (min-width: 768px) { .page-id-3862 #main-content { width: auto; margin-right: 10%; } #clientSlider { visibility: hidden; } /* nav fix top with contact number and contact pop up button */ .navFixTop { display: block; position: fixed; background: rgba(0,0,0,.75); height: 50px; right: 0; left: 280px; top: 0; z-index: 999; } .navFixTop::after { content: ""; display: block; height: 0px; clear: both; } .navFixTop a, .navFixTop span { float: right; } .navFixTop a { font-size: 20px; line-height: 1em; color: white; margin: 15px 12px 0 0; position: relative; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; } .navFixTop a::before { content:"\f095"; font: normal normal normal 24px/1 FontAwesome; position: absolute; left: -24px; top: -1px; } .navFixTop a:hover { color: #becd2b; } #CPbutton.defaultButton { border-radius: 6px; -webkit-border-radius: 6px; background: #becd2b; color: black; margin-bottom: 0; padding: 2px 10px 4px 10px; margin: 12px 40px 0 0; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; } #CPbutton.defaultButton:hover { background: white; } /* with introduction of top nav fix we need to give homepage slider some padding */ .home #sliderHP .container { padding-top: 50px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .page-id-3862 #main-content { margin-right: 0!important; } .navFixTop { left: 0; } #info-area { padding-top: 50px; } } @media (max-width: 1199px), (max-device-width: 1024px) { .why .a1, .why .a3, .why .a5 { background-color: #e2eabd; margin: 0; vertical-align: top; } .why .a2, .why .a4, .why .a6 { background-color: #d3dbaf; margin: 0; vertical-align: top; } .why .a5 { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .why .a6 { -webkit-border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px; } .yesterday { background: url(images/why/yesterday.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x; } .value { background: url(images/why/great-work.png) center center no-repeat, none; } .aa_innovation { background: url(images/why/custom-innovation.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x, none; } .aa_package { background: url(images/why/full-package.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x, none; } .why .aa { background-size: auto!important; width: 425px; height: 280px; display: block; } .head-why { background: #b7c52b; width: 425px; margin-bottom: 5px; text-align: center; padding: 25px 25px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; font-size: 0; vertical-align: top; } } @media (min-width: 1199px) { .why .aa { width: 400px; height: 280px; display: inline-block; vertical-align: top; } .why .a1, .why .a4, .why .a5 { background-color: #e2eabd; } .why .a2, .why .a3, .why .a6 { background-color: #d3dbaf; } .aa_talent { background: url(images/why/real-talent.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x; } .aa_package { background: url(images/why/full-package.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x, url(images/why/line-vertical.png) left top repeat-y; } .aa_experience { background: url(images/why/value.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x; } .aa_innovation { background: url(images/why/custom-innovation.png) center center no-repeat, url(images/why/line.png) left bottom repeat-x, url(images/why/line-vertical.png) left top repeat-y; } .yesterday { background: url(images/why/yesterday.png) center center no-repeat; } .value { background: url(images/why/great-work.png) center center no-repeat, url(images/why/line-vertical.png) left top repeat-y; } .head-why { background: #b7c52b; width: 800px; margin-bottom: 5px; text-align: center; padding: 25px 25px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; font-size: 0; vertical-align: top; } .head-why h2 { color: white!important; font-size: 40px; font-family: 'GoudySansStd-BoldItalic'; } .head-why p { color: #444; font-size: 18px; font-family: 'MetaPlusNormal-Roman'; line-height: 18px; margin-bottom: 0!important; padding-bottom: 10px; } .why .a5 { -webkit-border-radius: 0px 0px 0px 15px; border-radius: 0px 0px 0px 15px; } .why .a6 { -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px; } .why .aa { background-size: auto!important; } } @media (max-width: 767px) { .why { width: 100%; } .head-why { background: #b7c52b; width: 280px; margin: 0 auto 5px auto; text-align: center; padding: 25px 25px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; font-size: 0; vertical-align: top; } .why .aa { width: 280px; height: 180px; display: block; vertical-align: top; margin: 0 auto; background-size:contain!important; } .head-why h2 { font-size: 30px; } .yesterday { background: url(images/why/yesterday.png) center center no-repeat, none; } .value { background: url(images/why/great-work.png) center center no-repeat, none; } .aa_innovation { background: url(images/why/custom-innovation.png) center center no-repeat, none, none; } .aa_package { background: url(images/why/full-package.png) center center no-repeat, none, none; } .aa_talent { background: url(images/why/real-talent.png) center center no-repeat, none; } .aa_experience { background: url(images/why/value.png) center center no-repeat, none; } .why .aa h3 { color: #58595b; padding-left: 42px; padding-top: 15px; font-size: 16px; } .why .aa p { width: 273px; padding-left: 100px; padding-top: 11px; font-size: 11px; line-height: 14px; } .contact-top h2, .bubble-two-form h2 { font-size: 36px; } #main-content { margin-left: 0; margin-right: 0; } } @media (max-device-width: 767px) { .why { width: 100%; } .head-why { background: #b7c52b; width: auto; margin: 0 auto 5px auto; text-align: center; padding: 25px 25px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; font-size: 0; vertical-align: top; } .why .aa { width: auto; height: 180px; display: block; vertical-align: top; margin: 0 auto; background-size:contain!important; } .yesterday { background: url(images/why/yesterday.png) center center no-repeat, none; } .value { background: url(images/why/great-work.png) center center no-repeat, none; } .aa_innovation { background: url(images/why/custom-innovation.png) center center no-repeat, none, none; } .aa_package { background: url(images/why/full-package.png) center center no-repeat, none, none; } .aa_talent { background: url(images/why/real-talent.png) center center no-repeat, none; } .aa_experience { background: url(images/why/value.png) center center no-repeat, none; } .why .aa h3 { color: #58595b; padding-left: 15px; padding-top: 15px; font-size: 18px; } .why .aa p { width: 160px; padding-left: 100px; padding-top: 11px; font-size: 10px; line-height: 13px; } .con-header .talk { position: static; max-width: 85%; /*margin: 0 auto;*/ display: block; } .city_manly { padding-top: 25px; } .city_manly img { margin-bottom: 25px; } #clientSlider { display: none; } } @media (max-device-width: 767px) and (orientation : landscape) { .why .aa { height: 280px; } .why .aa h3 { color: #58595b; padding-left: 28px; padding-top: 28px; font-size: 22px; } .why .aa p { width: 250px; padding-left: 160px; padding-top: 20px; font-size: 14px; line-height: 22px; } } /* wiggle animation */ @-webkit-keyframes btnWiggle { 0% {-webkit-transform: rotate(0deg);} 2% {-webkit-transform: rotate(-1deg);} 3.5% {-webkit-transform: rotate(1deg);} 5% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(0deg);} } @-o-keyframes btnWiggle { 0% {-webkit-transform: rotate(0deg);} 2% {-webkit-transform: rotate(-1deg);} 3.5% {-webkit-transform: rotate(1deg);} 5% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes btnWiggle { 0% {-webkit-transform: rotate(0deg);} 2% {-webkit-transform: rotate(-1deg);} 3.5% {-webkit-transform: rotate(1deg);} 5% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(0deg);} } @media screen and (max-width: 1570px) { .image-info { font-size: 13px; } .image-info .title { padding: 13px 7px 0; } .image-info h2 { font-size: 20px; } .image-info .description { padding: 11px 8px 0; } } @media screen and (min-width: 1024px) { #top-menu { display: block !important; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .entry-image { width: 33.3%; } .image-info .title { padding: 18px 7px 0; } } @media screen and (min-width: 1150px) and (max-width: 1279px) { .entry-image { width: 33.3%; } .image-info { font-size: 14px; } .image-info h2 { font-size: 22px; } .image-info .title { padding: 34px 7px 0; } } @media screen and (max-width: 960px) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title { margin-bottom: 2px !important; } p#et-search-title span { padding: 0 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } } @media screen and (max-width: 1023px) { .entry-image { width: 33.3%; } #info-bg, #sidebar, #main-wrap:before { display: none; } #info-area { float: none; width: 100%; border-right: none; background: #303030; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.08); -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.08); box-shadow: 0 4px 4px rgba(0,0,0,0.08); } #main { margin: 0; } /*#top-menu { opacity: 0; }*/ #top-menu a { text-align: center; padding-left: 5px; } #top-menu .link_bg { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #mobile-nav { display: block; } #logo-area { margin-bottom: 0; padding-bottom: 25px; padding-top: 25px; } #logo { max-width: 30%; } #big_thumbnail { display: none; } body.single #main h1 { padding: 0; padding: 20px 0; } .main-title, body.page .main-title { top: 0!important; } .con-header { padding-top: 50px; } .con-header .gegcko { width: 50%; position: static; display: block; margin: 0 auto; } .contact-words { width: auto; text-align: center; color: #aeb81f; font-family: 'GoudySansStd-BoldItalic'; font-size: 30px; padding-top: 20px; padding-bottom: 20px; } .con-header { position: relative; height: auto!important; min-height: inherit; padding-top: 25px; } h1.t-he { width: auto; text-align: center; padding-left: 0; padding-right: 0; } .con-header .talk { position: static; max-width: 65%; margin: 0 auto; display: block; } .city_manly { padding-top: 45px; } } @media screen and (min-width: 930px) and (max-width: 1023px) { .image-info { font-size: 14px; } .image-info h2 { font-size: 22px; } .image-info .title { padding: 34px 7px 0; } .main-title { position: static; padding: 0; } .entry-content { padding-top: 20px; } #main-content { width: 648px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .bubble { width: 188px; height: 134px; overflow: hidden; float: left; cursor: pointer; } .bubble-one { background: url(images/bubbles/bubble-1-small.png) left top no-repeat; } .bubble-two { background: url(images/bubbles/bubble-2-small.png) left top no-repeat; } .bubble-three { background: url(images/bubbles/bubble-3-small.png) left top no-repeat; } .bubble:hover { background-position: 0px -134px; } .bubble-three { float: right; } .bubble-two { margin-left: 28px; } .con-header .talk { border: 2px solid green; } #clientSlider { display: block; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .bubble-two { margin-left: 42px; } #main-content { margin: 0 auto; } .random-projects a { display: inline-block; margin-left: 15px; } .random-projects a:first-child { margin-left: 0; } .random-projects a:last-child { display: none; } } @media screen and (min-width: 1024px) and (max-width: 1200px) { .contact-words { /*width: 200px;*/ color: #aeb81f; font-family: 'GoudySansStd-BoldItalic'; font-size: 30px; padding-top: 170px; } .con-header .gegcko { width: 70%; } .random-projects a { display: inline-block; margin-left: 3px; } .random-projects a:first-child { margin-left: 0; } .random-projects a:last-child { display: none; } .con-header .talk { position: static; max-width: 60%; /*margin: 0 auto;*/ display: block; } .city_manly { } .contact-top h2, .bubble-one-form h2, .bubble-two-form h2, .bubble-three-form h2 { font-size: 36px; } ul.contact-info li { font-size: 0.8em; line-height: 1.2em } } @media screen and (min-width: 1200px) { #main-content { width: 850px; } } @media screen and (min-width: 768px) and (max-width: 960px) { #main-content { width: 648px; } #big_thumbnail { display: none; } .main-title { position: static; padding: 0; } .entry-content { padding-top: 20px; } } @media screen and (min-width: 1024px) { /* ------- CUSTOM ANIMATION -------- */ #logo-area, #top-menu, #tag_cloud-2, .widget-social, .widget-enews, .widget-seotext, .et_pt_thumb.alignleft, .readmore, .widget-contact, .Cimg, .widget_search, .form, .stages, .intro, .widget-testimonials, .image-sins { position: relative; /*top: -50px;*/ opacity: 0; } h1, /*article.entry-content p, article.entry-content h2, article.entry-content h3, article.entry-content ul,*/article.entry-content, .c-details, .addthis_toolbox, .post-thumbnail { position: relative; opacity: 0; } #top-menu ul ul > li a { padding-left: 0px; } #logo-area { background: url(images/logo-underlay_small.jpg) left top no-repeat; } } @media screen and (max-width: 767px) { .entry-image { width: 50%; } .comment ul { margin-left: 0; } .main-title, body.page .main-title { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; position: relative; top: -60px!important; left: 0; margin-bottom: 0px; } .main-title h1, h1#comments, h3#reply-title { font-size: 32px; padding: 20px 0 0 20px; } #main-content { width: auto; } .entry-content { padding-top: 0; } #big_thumbnail { display: none; } .image-info .title { padding: 18px 7px 0; } .sitemap-col { float: none !important; width: 100% !important; } .et_portfolio_small .et_pt_portfolio_item:nth-child(3n+1) { clear: none; } .et_portfolio_small .et_pt_portfolio_item:nth-child(2n+1) { clear: both; } body.single #main h1 { padding: 0; padding: 20px 0; } .main-title, body.page .main-title { top: 0!important; } /* --- bubbles for smartphone to tablets --- */ .bubble { width: 235px; height: 168px; overflow: hidden; float: none; display: block; cursor: pointer; margin: 0 auto; } .bubble-one { background: url(images/bubbles/bubble-1.png) left top no-repeat; } .bubble-two { background: url(images/bubbles/bubble-2.png) left top no-repeat; } .bubble-three { background: url(images/bubbles/bubble-3.png) left top no-repeat; } .bubble:hover { background-position: 0px -168px; } .random-projects h2 { text-align: center; } .random-projects a { display: block; margin-left: 0; margin-bottom: 10px; text-align: center; } .random-projects a:first-child { margin-left: 0; } .random-projects a:last-child { display: block; } .c-m-buttons { display: block; padding-bottom: 25px; width: 180px; margin: 0 auto; } .us_phone { float: left; } .us_email { float: right; } .home .c-m-buttons { padding-top: 25px; } #top-menu ul ul > li a { padding-left: 0px; } .con-header { padding-top: 0; } .con-header .talk { position: static; max-width: 85%; /*margin: 0 auto;*/ display: block; } .city_manly { padding-top: 25px; } .city_manly img { margin-bottom: 25px; } #clientSlider { display: none; } #top-menu { display: none; } #main-footer { padding: 0; text-align: center; } } @media screen and (min-width: 650px) and (max-width: 767px) { .image-info { font-size: 14px; } .image-info h2 { font-size: 26px; } .image-info .title { padding: 53px 7px 0; } } @media screen and (min-width: 650px) and (max-width: 767px) { #main-content { width: auto; margin-right: 15px; margin-left: 15px; } } @media screen and (max-width: 479px) { .entry-image { width: 100%; } .main-title h1, h1#comments, h3#reply-title { font-size: 25px; } #main-content { width: auto; } #big_thumbnail { display: none; } .image-info .title { padding: 31px 7px 0; } } @media screen and (min-width: 400px) and (max-width: 479px) { .image-info { font-size: 17px; } .image-info h2 { font-size: 32px; } .image-info .title { padding: 80px 7px 0; } #main-content { width: auto; margin-right: 15px; margin-left: 15px; } } .widget, #top-menu a, #mobile-nav, #info-area, #info-bg, #top-menu { border: none!important; } #top-menu a { border: 1px solid #444!important; } #info-bg, #main-wrap::before { /*background: url(images/bg.jpg) left top repeat!important;*/ } #info-area, #info-bg, #main-wrap::before { border-right: 1px solid #333!important; } .widget.widget-enews label { display: block; font-size: 12px; color: silver; } .widget.widget-enews input { display: block; padding: 10px; font-size: 14px; } .widget.widget-enews input[type="text"] { width: 200px; } .widget.widget-enews input[type="submit"] { cursor: pointer; } .widget.widget-enews input.nsu-submit { font-size: 12px; float: none; } .widget.widget-enews .nsu-error{ font-size: 12px; color: orange; font-weight: bold; } #top-menu .et_clicked { background: none!important; } body.page #main h2, body.page #main h3 { color: #999; font-family: 'metaplusboldroman', Arial; } article h2 { /*padding-top: 60px;*/ color: #999; } h2:nth-child(2) { padding-top: 0px; } article h3 { padding-top: 30px; } .portfolio h2, .portfolio h3 { padding-top: 5px; } /* social icons */ .email { display: block; background: url(images/icon-email.gif) left top no-repeat; width: 21px; height: 20px; overflow: hidden; position: absolute; margin-left: 75px; margin-top: 1px; } .rss { display: block; background: url(images/icon-rss.gif) left top no-repeat; width: 21px; height: 19px; overflow: hidden; position: absolute; margin-left: 50px; margin-top: 2px; } .twitter { display: block; background: url(images/icon-twitter.gif) left top no-repeat; width: 21px; height: 19px; overflow: hidden; position: absolute; margin-left: 25px; margin-top: 2px; } .facebook { display: block; background: url(images/icon-facebook.gif) left top no-repeat; width: 21px; height: 19px; overflow: hidden; position: absolute; margin-left: 0; margin-top: 2px; } .rss:hover, .twitter:hover, .facebook:hover { background-position: 0px -19px; } /* search */ .widget_search { padding: 15px 10px 20px 42px; } .widget_search label { display: none; } .widget_search input[type="search"] { border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; padding: 5px; width: 175px; color: #444; } .widget_search input[type="submit"] { text-indent: -9999px; background: url(images/search.png) left top no-repeat; width: 20px; height: 20px; border: none; cursor: pointer; } body.page .main-title { padding-bottom: 20px; top: -87px; } #main-content p, .post-thumbnail { display: block; margin-bottom: 32px; } #main-content p { padding-bottom: 0; } #main-content img { border: 1px solid silver; -webkit-box-shadow: 0px 2px 2px 1px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 2px 1px rgba(50, 50, 50, 0.2); -webkit-border-radius: 6px; border-radius: 6px; } #main-content p.meta-info { display: none; } .addthis_button_facebook_like { margin-right: 10px; } .addthis_button_tweet iFrame { width: 90px!important; } .current-menu-item > a, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav { background: #222!important; } #menu-footer .current-menu-item > a { background: none!important; } .page-id-5897 .addthis_toolbox { display: none; } .c-details { padding-bottom: 50px; line-height: 20px; } .c-details h2 { padding: 0; margin: 0; } /* Prevent the slideshow from flashing on load */ #slides { display: none } /* Center the slideshow */ .container { margin: 0 auto } .slidesjs-pagination-item { display: none; } /* Show active item in the pagination */ .slidesjs-pagination .active { color:red; } .slidesjs-navigation { display: none; text-indent: -9999px; position: absolute; } .slidesjs-previous { background: url(images/arrow-left.png) left top no-repeat; width: 54px; height: 54px; margin-top: -220px; z-index: 5000; margin-left: -24px; } .slidesjs-next { background: url(images/arrow-right.png) left top no-repeat; width: 54px; height: 54px; margin-top: -220px; z-index: 5000; margin-left: 876px; } /*.slidesjs-container { margin-top: 28px; margin-bottom: 31px; }*/ /* --- TESTIMONIALS -- */ .page-template-testimonials-php h1 { font-size: 85px; padding-top: 66px; } body.page-template-testimonials-php h1 span { font-family: 'GoudySansStd-BoldItalic'!important; color: white!important; font-size: 33px; line-height: 35px; display: block; margin-top: -50px; margin-left: 434px; } body.page-template-testimonials-php .testimonial { border: none!important; float: right; margin-right: -40px; } body.page-template-testimonials-php .t-box { background-color: rgba(0, 0, 0, 0.5); border-radius: 15px; -webkit-border-radius: 15px; padding: 50px; position: relative; color: #999; font-family: 'metaplusboldroman', Arial; font-size: 24px; margin-bottom: 50px; } body.page-template-testimonials-php .quote-up, body.page-template-testimonials-php .quote-down { position: absolute; } body.page-template-testimonials-php .quote-up { background-image: url(images/testimonials/quote-up.png); width: 66px; height: 48px; top: 0; top: -25px; } body.page-template-testimonials-php .quote-down { background-image: url(images/testimonials/quote-down.png); width: 66px; height: 48px; right: 25px; bottom: -25px; } body.page-template-testimonials-php .client-T { color: white; text-align: left; display: block; font-size: 16px; padding-top: 15px; } body.page-template-testimonials-php .company-T { color: #999; } body.page-template-testimonials-php .tlogo { max-width: 200px; max-height: 60px; float: right; display: block; padding: 5px; background: white; } /* widget */ .widget-testimonials { padding-left: 15px; padding-right: 30px; color: #999; font-family: 'metaplusboldroman', Arial; font-size: 16px; border-top: 1px solid #444!important; } .widget-testimonials ul li, .widget-testimonials ul li:hover { background: none; } .widget-testimonials ul li p { line-height: 20px; } .widget-testimonials .client-T { display: block; font-size: 12px!important; line-height: 14px!important; padding-right: 45px; color: white; } .widget-testimonials .company-T { color: #999; } .widget-testimonials .quoteDown, .widget-testimonials .quoteUp { max-width: 40px; } .widget-testimonials .quoteUp { padding-bottom: 10px; } .widget-testimonials .quoteDown { padding-top: 10px; float: right; } .widget-testimonials .test-all { position: absolute; font-size: 11px; bottom: -26px; left: 66px; color: #bece26; z-index: 9999; } #wpadminbar .screen-reader-shortcut { display: none; } /* addition - hosting page styles */ .page-id-7895 .HScontent { display: none; } .page-id-7895 #EX, .page-id-7895 #fullterms { cursor: pointer; color: #adb81f; } .page-id-7895 .ex { font-size: 18px; color: #999; font-family: "metaplusboldroman",Arial; margin-bottom: 2em; } .page-id-7895 .wpcf7-form-control.wpcf7-submit { left: auto; top: auto; } .page-id-7895 .container-fluid { padding-left: 0; padding-right: 0; } .page-id-7895 [class*='col-'] input, .page-id-7895 [class*='col-'] textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px; } .page-id-7895 [class*='col-'] input[type="email"] { background-color: #FFF; border: 1px solid #BBB; padding: 10px; color: #4E4E4E; } .page-id-7895 [class*='col-'] input:focus, .page-id-7895 [class*='col-'] textarea:focus { border: 1px solid #ec7c00!important; padding: 10px!important; } .page-id-7895 [class*='col-'] input[type="submit"] { width: auto; padding: 8px 15px; } .page-id-7895 .MainImage { margin-bottom: 1em; } .page-id-7895 div.wpcf7-mail-sent-ok, .page-id-7895 div.wpcf7-validation-errors { position: static; } .page-id-7895 div.wpcf7 .ajax-loader { margin-left: 91px; margin-top: 11px; border: none!important; box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.2)!important; border-radius: 6px; } .page-id-7895 span.wpcf7-not-valid-tip { left: 0px; border: none!important; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3)!important; } /* Media quires for a responsive layout */ /* Smartphones */ @media (max-width: 340px) { .contactPopup { display: none; } } @media (min-width: 341px) and (max-width: 767px) { .contactPopup { width: auto; left: 0; } .contactPopup-innerwrapper { padding-right: 25px; padding-left: 25px; } .REBcon { display: none; } } /* For tablets & smart phones */ @media (max-width: 767px) { body { padding-left: 10px; padding-right: 10px; } .container { width: auto } .c-m-buttons { display: block; padding-bottom: 25px; width: 180px; margin: 0 auto; } .us_phone { float: left; } .us_email { float: right; } .home .c-m-buttons { padding-top: 25px; } #top-menu ul ul > li a { padding-left: 0; } /* --- HOMEPAGE --- */ .hpDesc.hpDL { width: 100%; color: white; clear: both; padding-top: 45px; } .hpDesc.hpDR { width: 100%; color: white; clear: both; padding-top: 45px; } .page-template-page-stage-php .form { color: white; padding-left: 0px; padding-right: 0px; } .page-template-page-stage-php .partTwo input[type='text'] { width: 96%; } .page-template-page-stage-php input[type='submit'] { position: static!important; width: 100%!important; } .page-template-page-stage-php .wpcf7-list-item-label { width: 70%; vertical-align:middle; } .page-template-page-stage-php .wpcf7-list-item img { margin-right: 15px; vertical-align:middle; } .page-template-testimonials-php h1 { font-size: 65px; padding-top: 30px; } body.page-template-testimonials-php h1 span { margin-top: 0px; margin-left: 0px; padding-top: 15px; } body.page-template-testimonials-php .t-box { background-color: rgba(0, 0, 0, 0.5); border-radius: 15px; -webkit-border-radius: 15px; padding: 40px; font-size: 20px; } .RBCFwrapper .row, .RBCFrow, #RBCFone { margin-bottom: 0; } .RBCFwrapper .row > [class^=col-], .RBCFrow { margin-bottom: 15px; } .contact-top { padding-top: 50px; } } /* For smartphones */ @media (max-width: 480px) { .container { width: auto } .page-template-page-stage-php input[type='submit'] { font-size: 14px; } .contact-top { padding-top: 0; } } /* For smaller displays like laptops */ @media (min-width: 768px) and (max-width: 1024px) { .container { width: 724px } #top-menu ul ul > li a { padding-left: 0px; } /*#sliderHP { height: 232px; }*/ } /* For larger displays */ @media (min-width: 1200px) { .container { width: 908px } } @media (max-width: 1260px) { .slidesjs-navigation { display: none; } } @media (min-width: 1024px) { #top-menu ul ul > li a { padding-left: 60px; } #top-menu ul ul > li li a { padding-left: 80px!important; } } @media screen (min-width: 1024px) { #top-menu ul ul > li a { padding-left: 60px; } #top-menu ul ul > li li a { padding-left: 80px!important; } }